-
function data1(e) { alert(e.data) //1111 } //關(guān)鍵理解點(diǎn)：1、data1是一個(gè)帶功能的函數(shù)，2、data是jQuery里面的event的屬性（包含當(dāng)前執(zhí)行的處理程序被綁定時(shí)傳遞到事件方法的可選數(shù)據(jù)），所以無(wú)需定義。 function a() { $("button:eq(2)").click(1111111, data1) //插入?yún)?shù)，并調(diào)用data1函數(shù) } a(); //調(diào)用a函數(shù)2查看全部
-
針對(duì)測(cè)試三的一點(diǎn)理解： ele.click(argument1,function(e){ alert(e.dada); }) 這里傳給click里的第一個(gè)參數(shù)其實(shí)就是jqurey做好的一種功能，如果你填了這個(gè)argument1參數(shù)，就會(huì)把這個(gè)參數(shù)傳遞賦值給當(dāng)前對(duì)象的event.data屬性,如果在之后的函數(shù)里調(diào)用event.data，就可以訪問(wèn)并使用這個(gè)屬性。 很多jquery里的事件都可以這樣傳遞參數(shù)，只要知道這是一種傳參的寫(xiě)法就行了。查看全部
-
function(e){} e是jq事件的事件對(duì)象，里面保存了事件的屬性和方法 e.target表示這個(gè)觸發(fā)這個(gè)事件的元素 e.data 表示第一個(gè)參數(shù)存儲(chǔ)的值查看全部
-
方法一：$ele.mousemove() 綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，用的比較少 <div id="test">點(diǎn)擊觸發(fā)<div> $("ele").mousemove(function(){ alert('觸發(fā)指定事件') }) $("#test").click(function(){ $("ele").mousemove() //指定觸發(fā)事件 }); 方法二：$ele.mousemove( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào) handler函數(shù) 這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁? <div id="test">滑動(dòng)觸發(fā)<div> $("#test").mousemove(function() { //this指向 div元素 }); 方法三：$ele.mousemove( [eventData ], handler(eventObject) ) 使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題 <div id="test">點(diǎn)擊觸發(fā)<div> $("#test").mousemove(11111,function(e) { //this指向 div元素 //e.data => 11111 傳遞數(shù)據(jù) }); mousemove事件觸發(fā)需要以下幾點(diǎn)： mousemove事件是當(dāng)鼠標(biāo)指針移動(dòng)時(shí)觸發(fā)的，即使是一個(gè)像素 如果處理器做任何重大的處理，或者如果該事件存在多個(gè)處理函數(shù)，這可能造成瀏覽器的嚴(yán)重的性能問(wèn)題查看全部
-
mousemove事件是當(dāng)鼠標(biāo)指針移動(dòng)時(shí)觸發(fā)的，即使是一個(gè)像素 只有鼠標(biāo)在元素內(nèi)移動(dòng), 就會(huì)不斷地觸發(fā) 1. event.clientX、event.clientY 鼠標(biāo)相對(duì)于瀏覽器窗口(客戶(hù)端)可視區(qū)域的X，Y坐標(biāo)（窗口坐標(biāo)），可視區(qū)域不包括工具欄和滾動(dòng)條。 2. event.pageX、event.pageY 類(lèi)似于event.clientX、event.clientY，但它們使用的是文檔坐標(biāo)而非窗口坐標(biāo)(如果文檔長(zhǎng)3000px, 溢出窗口, 也是文檔的長(zhǎng)度)。 3. screenX、screenY 鼠標(biāo)相對(duì)于用戶(hù)顯示器屏幕左上角的X,Y坐標(biāo)。 4. event.offsetX、event.offsetY 鼠標(biāo)相對(duì)于事件源元素（srcElement）的X,Y坐標(biāo)查看全部
-
mousedown事件觸發(fā)需要以下幾點(diǎn)： mousedown強(qiáng)調(diào)是按下觸發(fā) 如果在一個(gè)元素按住了鼠標(biāo)不放，并且拖動(dòng)鼠標(biāo)離開(kāi)這個(gè)元素，并釋放鼠標(biāo)鍵，這仍然是算作mousedown事件 任何鼠標(biāo)按鈕被按下時(shí)都能觸發(fā)mousedown事件 用event 對(duì)象的which區(qū)別按鍵，敲擊鼠標(biāo)左鍵which的值是1，敲擊鼠標(biāo)中鍵which的值是2，敲擊鼠標(biāo)右鍵which的值是3 mouseup事件觸發(fā)需要以下幾點(diǎn)： mouseup強(qiáng)調(diào)是松手觸發(fā)，與mousedown是相反的 mouseup與mousedown組合起來(lái)就是click事件 如果用戶(hù)在一個(gè)元素上按下鼠標(biāo)按鍵，并且拖動(dòng)鼠標(biāo)離開(kāi)這個(gè)元素，然后釋放鼠標(biāo)鍵，這仍然是算作mouseup事件 任何鼠標(biāo)按鈕松手時(shí)都能觸發(fā)mouseup事件 用event 對(duì)象的which區(qū)別按鍵，敲擊鼠標(biāo)左鍵which的值是1，敲擊鼠標(biāo)中鍵which的值是2，敲擊鼠標(biāo)右鍵which的值是3查看全部
-
方法一：$ele.click() 綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，用的比較少 <div id="test">點(diǎn)擊觸發(fā)<div> $("ele").click(function(){ alert('觸發(fā)指定事件') }) $("#test").click(function(){ $("ele").click() //手動(dòng)指定觸發(fā)事件 }); 方法二：$ele.click( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點(diǎn)擊操作會(huì)執(zhí)行回調(diào) handler函數(shù)，這樣可以針對(duì)事件的反饋?zhàn)龊芏嗖僮髁?，方法中的this是指向了綁定事件的元素 <div id="test">點(diǎn)擊觸發(fā)<div> $("#test").click(function() { //this指向 div元素 }); 方法三：$ele.click( [eventData ], handler(eventObject) ) 使用與方法二一致，不過(guò)可以接受一個(gè)數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題 <div id="test">點(diǎn)擊觸發(fā)<div> $("#test").click(11111,function(e) { //this指向 div元素 //e.data => 11111 傳遞數(shù)據(jù) });查看全部
-
triggerHandler不會(huì)觸發(fā)瀏覽器的默認(rèn)行為，.triggerHandler( "submit" )將不會(huì)調(diào)用表單上的.submit() .trigger() 會(huì)影響所有與 jQuery 對(duì)象相匹配的元素，而 .triggerHandler() 僅影響第一個(gè)匹配到的元素 使用 .triggerHandler() 觸發(fā)的事件，并不會(huì)在 DOM 樹(shù)中向上冒泡。 如果它們不是由目標(biāo)元素直接觸發(fā)的，那么它就不會(huì)進(jìn)行任何處理 與普通的方法返回 jQuery 對(duì)象(這樣就能夠使用鏈?zhǔn)接梅?相反，.triggerHandler() 返回最后一個(gè)處理的事件的返回值。如果沒(méi)有觸發(fā)任何事件，會(huì)返回 undefined查看全部
-
alert需要執(zhí)行的條件：必須有用戶(hù)點(diǎn)擊才可以。如果不同用戶(hù)交互是否能在某一時(shí)刻自動(dòng)觸發(fā)該事件呢？ 正常來(lái)說(shuō)是不可以的，但是jQuery解決了這個(gè)問(wèn)題，提供了一個(gè)trigger方法來(lái)觸發(fā)瀏覽器事件 所以我們可以這樣： $('#elem').trigger('click'); 在綁定on的事件元素上，通過(guò)trigger方法就可以調(diào)用到alert了，挺簡(jiǎn)單！ 再來(lái)看看.trigger是什么？ 簡(jiǎn)單來(lái)講就是：根據(jù)綁定到匹配元素的給定的事件類(lèi)型執(zhí)行所有的處理程序和行為 trigger除了能夠觸發(fā)瀏覽器事件，同時(shí)還支持自定義事件，并且自定義時(shí)間還支持傳遞參數(shù) $('#elem').on('Aaron', function(event,arg1,arg2) { alert("自觸自定義時(shí)間") }); $('#elem').trigger('Aaron',['參數(shù)1','參數(shù)2']) trigger觸發(fā)瀏覽器事件與自定義事件區(qū)別？ 自定義事件對(duì)象，是jQuery模擬原生實(shí)現(xiàn)的 自定義事件可以傳遞參數(shù)查看全部
-
event.type：獲取事件的類(lèi)型 觸發(fā)元素的事件類(lèi)型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY：獲取鼠標(biāo)當(dāng)前相對(duì)于頁(yè)面的坐標(biāo) 通過(guò)這2個(gè)屬性，可以確定元素在當(dāng)前頁(yè)面的坐標(biāo)值，鼠標(biāo)相對(duì)于文檔的左邊緣的位置（左邊）與 （頂邊）的距離，簡(jiǎn)單來(lái)說(shuō)是從頁(yè)面左上角開(kāi)始,即是以頁(yè)面為參考點(diǎn),不隨滑動(dòng)條移動(dòng)而變化 event.preventDefault() 方法：阻止默認(rèn)行為 這個(gè)用的特別多，在執(zhí)行這個(gè)方法后，如果點(diǎn)擊一個(gè)鏈接（a標(biāo)簽），瀏覽器不會(huì)跳轉(zhuǎn)到新的 URL 去了。我們可以用 event.isDefaultPrevented() 來(lái)確定這個(gè)方法是否(在那個(gè)事件對(duì)象上)被調(diào)用過(guò)了 event.stopPropagation() 方法：阻止事件冒泡 事件是可以冒泡的，為防止事件冒泡到DOM樹(shù)上，也就是不觸發(fā)的任何前輩元素上的事件處理函數(shù) event.which：獲取在鼠標(biāo)單擊時(shí)，單擊的是鼠標(biāo)的哪個(gè)鍵 event.which 將 event.keyCode 和 event.charCode 標(biāo)準(zhǔn)化了。event.which也將正?；陌粹o按下(mousedown 和 mouseupevents)，左鍵報(bào)告1，中間鍵報(bào)告2，右鍵報(bào)告3 event.currentTarget : 在事件冒泡過(guò)程中的當(dāng)前DOM元素 冒泡前的當(dāng)前觸發(fā)事件的DOM對(duì)象, 等同于this. this和event.target的區(qū)別： js中事件是會(huì)冒泡的，所以this是可以變化的，但event.target不會(huì)變化，它永遠(yuǎn)是直接接受事件的目標(biāo)DOM元素； .this和event.target都是dom對(duì)象 如果要使用jquey中的方法可以將他們轉(zhuǎn)換為jquery對(duì)象。比如this和$(this)的使用、event.target和$(event.target)的使用；查看全部
-
綁定2個(gè)事件 $("elem").on("mousedown mouseup",fn) 刪除一個(gè)事件 $("elem").off("mousedown") 刪除所有事件 $("elem").off("mousedown mouseup") 快捷方式刪除所有事件，這里不需要傳遞事件名了，節(jié)點(diǎn)上綁定的所有事件講全部銷(xiāo)毀 $("elem").off()查看全部
-
keypress事件與keydown和keyup的主要區(qū)別 只能捕獲單個(gè)字符，不能捕獲組合鍵 無(wú)法響應(yīng)系統(tǒng)功能鍵（如delete，backspace） 不區(qū)分小鍵盤(pán)和主鍵盤(pán)的數(shù)字字符 總而言之， KeyPress主要用來(lái)接收字母、數(shù)字等ANSI字符，而 KeyDown 和 KeyUP 事件過(guò)程可以處理任何不被 KeyPress 識(shí)別的擊鍵。諸如：功能鍵（F1-F12）、編輯鍵、定位鍵以及任何這些鍵和鍵盤(pán)換檔鍵的組合等。查看全部
-
具體能觸發(fā)submit事件的行為： <input type="submit"> <input type="image"> <button type="submit"> 當(dāng)某些表單元素獲取焦點(diǎn)時(shí)，敲擊Enter（回車(chē)鍵） 上述這些操作下，都可以截獲submit事件。 這里需要特別注意： form元素是有默認(rèn)提交表單的行為，如果通過(guò)submit處理的話，需要禁止瀏覽器的這個(gè)默認(rèn)行為 傳統(tǒng)的方式是調(diào)用事件對(duì)象 e.preventDefault() 來(lái)處理， jQuery中可以直接在函數(shù)中最后結(jié)尾return false即可 jQuery處理如下： $("#target").submit(function(data) { return false; //阻止默認(rèn)行為，提交表單 });查看全部
-
trigger方法在綁定on事件元素之上進(jìn)行。查看全部
-
triggerHandler與trigger的用法是一樣的，重點(diǎn)看不同之處： ?triggerHandler不會(huì)觸發(fā)瀏覽器的默認(rèn)行為查看全部
舉報(bào)
0/150
提交
取消