-
鼠標(biāo)事件： .mouseover() .mouseout() 可傳eventData查看全部
-
鼠標(biāo)事件 .mousemove() 同樣支持傳參eventData 獲取鼠標(biāo)指針位置：相對(duì)于文檔的左邊緣 $(".aaron1").mousemove(function(e) { $(this).find('p:last').html('移動(dòng)的X位置：' + e.pageX) })查看全部
-
鼠標(biāo)事件 .onmousedown() .onmouseup() 與click、dbclick一樣，都接受event.data $().onmousedown( [eventData,] 回調(diào)函數(shù)) event.witch的值： 鼠標(biāo)左鍵 1 鼠標(biāo)中鍵 2 鼠標(biāo)右鍵 3查看全部
-
event.type：獲取事件的類(lèi)型 event.pageX 和 event.pageY：獲取鼠標(biāo)當(dāng)前相對(duì)于頁(yè)面的坐標(biāo) event.preventDefault() 方法：阻止默認(rèn)行為 event.stopPropagation() 方法：阻止事件冒泡 event.which：獲取在鼠標(biāo)單擊時(shí)，單擊的是鼠標(biāo)的哪個(gè)鍵 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ì)象查看全部
-
jQuery鼠標(biāo)事件： .click() 單擊 .dbclick() 雙擊 注意：同一個(gè)元素不要同時(shí)綁定click和dbclick事件 (各個(gè)瀏覽器事件觸發(fā)順序不同) 使用方法： $().click( [eventData ,] 回調(diào)函數(shù) ); 可以接受一個(gè)數(shù)據(jù)參數(shù)(eventData)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問(wèn)題； 每次觸發(fā)該事件，執(zhí)行回調(diào)函數(shù)，傳遞參數(shù)(如果有，獲取該參數(shù)：e.data) $().click( function(){} ); $().click( function func(){} ); $().click( func ); $().click( func = function(){});查看全部
-
jQuery自定義事件之triggerHandler事件 trigger事件還有一個(gè)特性：會(huì)在DOM樹(shù)上冒泡，所以如果要阻止冒泡就需要在事件處理程序中返回false或調(diào)用事件對(duì)象中的.stopPropagation() 方法可以使事件停止冒泡 triggerHandler與trigger的用法是一樣的，重點(diǎn)看不同之處： 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查看全部
-
jQuery自定義事件之trigger事件 在jQuery通過(guò)on方法綁定一個(gè)原生事件 $('#elem').on('click', function() { alert("觸發(fā)系統(tǒng)事件") }); lert需要執(zhí)行的條件：必須有用戶(hù)點(diǎn)擊才可以。如果不同用戶(hù)交互是否能在某一時(shí)刻自動(dòng)觸發(fā)該事件呢？ 正常來(lái)說(shuō)是不可以的，但是jQuery解決了這個(gè)問(wèn)題，提供了一個(gè)trigger方法來(lái)觸發(fā)瀏覽器事件 所以我們可以這樣： $('#elem').trigger('click'); 再來(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'])查看全部
-
focus和blur 不支持冒泡 focusout和focusin支持冒泡。查看全部
-
jQuery事件對(duì)象的屬性和方法 event.type:獲取事件的類(lèi)型 event.pageX,event.pageY:獲取鼠標(biāo)當(dāng)前相對(duì)于頁(yè)面的坐標(biāo) event.preventDefault():阻止默認(rèn)行為 event.stopPropagation():阻止事件冒泡 event.which:獲取在鼠標(biāo)單擊時(shí)，單擊的是哪個(gè)鍵：1左鍵 2中鍵 3右鍵 event.currentTarget:在事件冒泡過(guò)程中的當(dāng)前DOM元素，等同于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)的使用；查看全部
-
jQuery事件對(duì)象的作用 一個(gè)標(biāo)準(zhǔn)的"click"點(diǎn)擊事件 $(elem).on("click",function(event){ event //事件對(duì)象 }) 這里不在千篇一律的說(shuō)方法的使用，通過(guò)實(shí)際的一個(gè)小案例，從而來(lái)了解事件對(duì)象的作用 <ul> <li class="even1"></li> <li class="even2"></li> <li class="even2"></li> ......... </ul> ul有N個(gè)子元素li(這里只寫(xiě)了3個(gè))，如果我要響應(yīng)每一個(gè)li的事件，那么常規(guī)的方法就是需要給所有的li都單獨(dú)綁定一個(gè)事件監(jiān)聽(tīng)，這樣寫(xiě)法很符合邏輯，但是同時(shí)有顯得繁瑣 因?yàn)閘i都有一個(gè)共同的父元素，而且所有的事件都是一致的，這里我們可以采用要一個(gè)技巧來(lái)處理，也是常說(shuō)的"事件委托" 事件沒(méi)直接和li元素發(fā)生關(guān)系，而且綁定父元素了。由于瀏覽器有事件冒泡的這個(gè)特性，我們可以在觸發(fā)li的時(shí)候把這個(gè)事件往上冒泡到ul上，因?yàn)閡l上綁定事件響應(yīng)所以就能夠觸發(fā)這個(gè)動(dòng)作了。唯一的問(wèn)題怎么才知道觸發(fā)的li元素是哪個(gè)一個(gè)？查看全部
-
卸載事件off()方法 通過(guò).on()綁定的事件處理程序 通過(guò)off() 方法移除該綁定 綁定2個(gè)事件 $("elem").on("mousedown mouseup",fn) 刪除一個(gè)事件 $("elem").off("mousedown") 刪除所有事件 $("elem").off("mousedown mouseup") 快捷方式刪除所有事件，這里不需要傳遞事件名了，節(jié)點(diǎn)上綁定的所有事件講全部銷(xiāo)毀 $("elem").off()查看全部
-
on()的高級(jí)用法：委托機(jī)制 委托機(jī)制 .on( events ,[ selector ] ,[ data ], handler(eventObject) ) 給出如下代碼： $("div").on("click","p",fn) 事件綁定在最上層div元素上，當(dāng)用戶(hù)觸發(fā)在a元素上，事件將往上冒泡，一直會(huì)冒泡在div元素上。如果提供了第二參數(shù)，那么事件在往上冒泡的過(guò)程中遇到了選擇器匹配的元素，將會(huì)觸發(fā)事件回調(diào)函數(shù) <script type="text/javascript"> //給body綁定一個(gè)click事件 //沒(méi)有直接a元素綁定點(diǎn)擊事件 //通過(guò)委托機(jī)制，點(diǎn)擊a元素的時(shí)候，事件觸發(fā) $('body').on('click', 'a', function(e) { alert(e.target.textContent) }) </script> </body>查看全部
-
此節(jié)課不太懂查看全部
-
on()的多事件綁定 jQuery on()方法是官方推薦的綁定事件的一個(gè)方法。 基本用法：.on( events ,[ selector ] ,[ data ] ) $("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 最大的不同點(diǎn)就是on是可以自定義事件名，當(dāng)然不僅僅只是如何，繼續(xù)往下看 多個(gè)事件綁定同一個(gè)函數(shù) $("#elem").on("mouseover mouseout",function(){ }); 通過(guò)空格分離，傳遞不同的事件名，可以同時(shí)綁定多個(gè)事件 多個(gè)事件綁定不同函數(shù) $("#elem").on({ mouseover:function(){}, mouseout:function(){}, }); 通過(guò)空格分離，傳遞不同的事件名，可以同時(shí)綁定多個(gè)事件，每一個(gè)事件執(zhí)行自己的回調(diào)方法 將數(shù)據(jù)傳遞到處理程序 function greet( event ) { alert( "Hello " + event.data.name ); //Hello 慕課網(wǎng) } $( "button" ).on( "click", { name: "慕課網(wǎng)" }, greet ); 可以通過(guò)第二參數(shù)（對(duì)象），當(dāng)一個(gè)事件被觸發(fā)時(shí)，要傳遞給事件處理函數(shù)的查看全部
-
在input元素上綁定keydown事件會(huì)發(fā)現(xiàn)一個(gè)問(wèn)題： 每次獲取的內(nèi)容都是之前輸入的，當(dāng)前輸入的獲取不到 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)換檔鍵的組合等。查看全部
舉報(bào)
0/150
提交
取消