-
click事件其實(shí)是由mousedown與mouseup 2個(gè)動(dòng)作構(gòu)成，所以點(diǎn)擊的動(dòng)作只有在松手后才觸發(fā)查看全部
-
mousemove事件時(shí)當(dāng)鼠標(biāo)指針移動(dòng)時(shí)觸發(fā)的，即使是一個(gè)像素 如果處理器做任何重大的處理，或者如果該事件存在多個(gè)處理函數(shù)，這可能造成瀏覽器的嚴(yán)重性能問題查看全部
-
這里寫個(gè)event的形參出來又在事件函數(shù)里沒有任何行為大概是想提醒我們，event之后的bottonName才是真正的第一個(gè)trigger里的第一個(gè)參數(shù)查看全部
-
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 樹中向上冒泡。 如果它們不是由目標(biāo)元素直接觸發(fā)的，那么它就不會(huì)進(jìn)行任何處理 與普通的方法返回 jQuery 對(duì)象(這樣就能夠使用鏈?zhǔn)接梅?相反，.triggerHandler() 返回最后一個(gè)處理的事件的返回值。如果沒有觸發(fā)任何事件，會(huì)返回 undefined查看全部
-
event.type：獲取事件的類型 event.pageX 和 event.pageY：獲取鼠標(biāo)當(dāng)前相對(duì)于頁面的坐標(biāo) event.preventDefault() 方法：阻止默認(rèn)行為 event.stopPropagation() 方法：阻止事件冒泡 event.which：獲取在鼠標(biāo)單擊時(shí)，單擊的是鼠標(biāo)的哪個(gè)鍵 event.currentTarget : 在事件冒泡過程中的當(dāng)前DOM元素 this和event.target的區(qū)別： js中事件是會(huì)冒泡的，所以this是可以變化的，但event.target不會(huì)變化，它永遠(yuǎn)是直接接受事件的目標(biāo)DOM元素； .this和event.target都是dom對(duì)象查看全部
-
this和event.target的區(qū)別： 1.js中事件是會(huì)冒泡的，所以this是可以變化的，但event.target不會(huì)變化，它永遠(yuǎn)指向觸發(fā)事件的DOM元素本身； 2.this和event.target都是dom對(duì)象，使用jQuey中的方法可以將他們轉(zhuǎn)換為jquery對(duì)象：$(this)和$(event.target).查看全部
-
off()方法卸載綁定的事件，可以在off()中傳入?yún)?shù)來確定卸載哪個(gè)事件，如果不傳入?yún)?shù)則是卸載所有事件查看全部
-
$("div").on("click","p",fn) 事件綁定在最上層div元素上，當(dāng)用戶觸發(fā)在a元素上，事件將往上冒泡，一直會(huì)冒泡在div元素上。如果提供了第二參數(shù)，那么事件在往上冒泡的過程中遇到了選擇器匹配的元素，將會(huì)觸發(fā)事件回調(diào)函數(shù)查看全部
-
on方式綁定事件區(qū)分于快捷方式綁定事件的特點(diǎn)：<br> 1.多個(gè)事件綁定同一個(gè)函數(shù)：<br> eg: $("#elem").on("mouseover mouseout",function(){});<br> 2.多個(gè)事件綁定不同的函數(shù)：<br> eg: $("elem").on({<br> mouseover:function(){},<br> mouseout:function(){}<br> });也可以寫成鏈?zhǔn)綄懛ǎ?lt;br> $("#elem").mouseover(function(){}).mouseover(function(){})<br> 3.將數(shù)據(jù)傳遞到處理程序<br> <br> function greet( event ) {<br> alert( "Hello " + event.data.name ); //Hello 慕課網(wǎng)<br> }<br> $( "button" ).on( "click", {<br> name: "慕課網(wǎng)"<br> }, greet );<br> 可以通過第二參數(shù)（對(duì)象），當(dāng)一個(gè)事件被觸發(fā)時(shí)，要傳遞給事件處理函數(shù)的查看全部
-
.on( events [, selector ] [, data ], handler(eventObject) ) 這個(gè)模式下綁定的，并不是停止冒泡，只是一碰到selector就調(diào)用一次handler，然后繼續(xù)向上冒泡，不然$('html').on('click','div', function(e) { alert(e.target.innerHTML) }) <body> <h2>on事件委托</h2> <div class="left"> <div class="aaron"> <a>點(diǎn)擊這里</a> </div> </div> 不會(huì)彈兩次出來， 外層有兩層div，所以就調(diào)用handler兩次咯查看全部
-
通過在<form>元素上綁定submit事件，開發(fā)者可以監(jiān)聽到用戶的提交表單的的行為 具體能觸發(fā)submit事件的行為： <input type="submit"> <input type="image"> <button type="submit"> 當(dāng)某些表單元素獲取焦點(diǎn)時(shí)，敲擊Enter（回車鍵） 上述這些操作下，都可以截獲submit事件。 這里需要特別注意： form元素是有默認(rèn)提交表單的行為，如果通過submit處理的話，需要禁止瀏覽器的這個(gè)默認(rèn)行為 傳統(tǒng)的方式是調(diào)用事件對(duì)象 e.preventDefault() 來處理， jQuery中可以直接在函數(shù)中最后結(jié)尾return false即可 jQuery處理如下： $("#target").submit(function(data) { return false; //阻止默認(rèn)行為，提交表單 });查看全部
-
select事件只能用于<input>元素與<textarea>元素查看全部
-
<div> <input type="text" /> </div> 其中input元素可以觸發(fā)focus()事件 div是input的父元素，當(dāng)它包含的元素input觸發(fā)了focus事件時(shí)，它就產(chǎn)生了focusin()事件。 focus()在元素本身產(chǎn)生，focusin()在元素包含的元素中產(chǎn)生 blur與focusout也亦是如此查看全部
-
只需要在hover方法中傳遞2個(gè)回調(diào)函數(shù)就可以了，不需要顯示的綁定2個(gè)事件 $(selector).hover(handlerIn, handlerOut) handlerIn(eventObject)：當(dāng)鼠標(biāo)指針進(jìn)入元素時(shí)觸發(fā)執(zhí)行的事件函數(shù) handlerOut(eventObject)：當(dāng)鼠標(biāo)指針離開元素時(shí)觸發(fā)執(zhí)行的事件函數(shù)查看全部
-
mouseenter事件和mouseover的區(qū)別 關(guān)鍵點(diǎn)就是：冒泡的方式處理問題 簡單的例子： mouseover為例： <div class="aaron2"> <p>鼠標(biāo)離開此區(qū)域觸發(fā)mouseleave事件</p> </div> 如果在p元素與div元素都綁定mouseover事件，鼠標(biāo)在離開p元素，但是沒有離開div元素的時(shí)候，觸發(fā)的結(jié)果: p元素響應(yīng)事件 div元素響應(yīng)事件 這里的問題是div為什么會(huì)被觸發(fā)？ 原因就是事件冒泡的問題，p元素觸發(fā)了mouseover，他會(huì)一直往上找父元素上的mouseover事件，如果有全觸發(fā)了 所以在這種情況下面，jQuery推薦我們使用 mouseenter事件 mouseenter事件只會(huì)在綁定它的元素上被調(diào)用，而不會(huì)在后代節(jié)點(diǎn)上被觸發(fā)查看全部
舉報(bào)
0/150
提交
取消