-
事件對象是用來記錄一些事件發(fā)生時的相關(guān)信息的對象。事件對象只有事件發(fā)生時才會產(chǎn)生，并且只能是事件處理函數(shù)內(nèi)部訪問，在所有事件處理函數(shù)運行結(jié)束后，事件對象就被銷毀 回到上面的問題，既然事件對象是跟當(dāng)前觸發(fā)元素息息相關(guān)的，所以我們就能從里面相關(guān)的信息，從事件對象中找到 event.target event.target target 屬性可以是注冊事件時的元素，或者它的子元素。通常用于比較 event.target 和 this 來確定事件是不是由于冒泡而觸發(fā)的。經(jīng)常用于事件冒泡時處理事件委托 簡單來說：event.target代表當(dāng)前觸發(fā)事件的元素，可以通過當(dāng)前元素對象的一系列屬性來判斷是不是我們想要的元素查看全部
-
卸載事件off()方法 通過.on()綁定的事件處理程序 通過off() 方法移除該綁定 根據(jù)on綁定事件的一些特性，off方法也可以通過相應(yīng)的傳遞組合的事件名，名字空間，選擇器或處理函數(shù)來移除綁定在元素上指定的事件處理函數(shù)。當(dāng)有多個過濾參數(shù)時，只有與這些參數(shù)完全匹配的事件處理函數(shù)才會被移除 綁定2個事件 $("elem").on("mousedown mouseup",fn) 刪除一個事件 $("elem").off("mousedown") 刪除所有事件 $("elem").off("mousedown mouseup") 快捷方式刪除所有事件，這里不需要傳遞事件名了，節(jié)點上綁定的所有事件講全部銷毀 $("elem").off()查看全部
-
on()的高級用法 針對自己處理機制中，不僅有on方法，還有根據(jù)on演變出來的live方法(1.7后去掉了)，delegate方法等等。這些方法的底層實現(xiàn)部分 還是on方法，這是利用了on的另一個事件機制委托的機制衍變而來的 委托機制 .on( events [, selector ] [, data ], handler(eventObject) ) 在on的第二參數(shù)中提供了一個selector選擇器，簡單的來描述下 參考下面3層結(jié)構(gòu) <div class="left"> <p class="aaron"> <a>目標(biāo)節(jié)點</a> //點擊在這個元素上 </p> </div> 給出如下代碼： $("div").on("click","p",fn) 事件綁定在最上層div元素上，當(dāng)用戶觸發(fā)在a元素上，事件將往上冒泡，一直會冒泡在div元素上。如果提供了第二參數(shù)，那么事件在往上冒泡的過程中遇到了選擇器匹配的元素，將會觸發(fā)事件回調(diào)函數(shù)查看全部
-
keypress()事件 在input元素上綁定keydown事件會發(fā)現(xiàn)一個問題： 每次獲取的內(nèi)容都是之前輸入的，當(dāng)前輸入的獲取不到 keydown事件觸發(fā)在文字還沒敲進(jìn)文本框，這時如果在keydown事件中輸出文本框中的文本，得到的是觸發(fā)鍵盤事件前的文本，而keyup事件觸發(fā)時整個鍵盤事件的操作已經(jīng)完成，獲得的是觸發(fā)鍵盤事件后的文本 當(dāng)瀏覽器捕獲鍵盤輸入時，還提供了一個keypress的響應(yīng)，這個跟keydown是非常相似，這里使用請參考keydown這一節(jié)，具體說說不同點 keypress事件與keydown和keyup的主要區(qū)別 對中文輸入法支持不好，無法響應(yīng)中文輸入 無法響應(yīng)系統(tǒng)功能鍵（如delete，backspace） 由于前面兩個限制，keyCode與keydown和keyup不是很一致 總而言之， KeyPress主要用來接收字母、數(shù)字等ANSI字符，而 KeyDown 和 KeyUP 事件過程可以處理任何不被 KeyPress 識別的擊鍵。諸如：功能鍵（F1-F12）、編輯鍵、定位鍵以及任何這些鍵和鍵盤換檔鍵的組合等。查看全部
-
keyup事件： 當(dāng)用戶在一個元素上第一次松手鍵盤上的鍵的時候，就會觸發(fā)它。使用方法與keydown是一致的只是觸發(fā)的條件是方法的 注意： keydown是在鍵盤按下就會觸發(fā) keyup是在鍵盤松手就會觸發(fā) 理論上它可以綁定到任何元素，但keydown/keyup事件只是發(fā)送到具有焦點的元素上，不同的瀏覽器中，可獲得焦點的元素略有不同，但是表單元素總是能獲取焦點，所以對于此事件類型表單元素是最合適的。查看全部
-
keydown事件： 當(dāng)用戶在一個元素上第一次按下鍵盤上字母鍵的時候，就會觸發(fā)它。使用上非常簡單，與基本事件參數(shù)處理保持一致，這里使用不在重復(fù)了，列出使用的方法查看全部
-
keydown()與keyup()事件 鼠標(biāo)有mousedown,mouseup之類的事件，這是根據(jù)人的手勢動作分解的2個觸發(fā)行為。相對應(yīng)的鍵盤也有這類事件，將用戶行為分解成2個動作，鍵盤按下與松手，針對這樣的2種動作，jQuery分別提供了對應(yīng)keydown與keyup方法來監(jiān)聽 keydown事件： 當(dāng)用戶在一個元素上第一次按下鍵盤上字母鍵的時候，就會觸發(fā)它。使用上非常簡單，與基本事件參數(shù)處理保持一致，這里使用不在重復(fù)了，列出使用的方法 //直接綁定事件 $elem.keydown( handler(eventObject) ) //傳遞參數(shù) $elem.keydown( [eventData ], handler(eventObject) ) //手動觸發(fā)已綁定的事件 $elem.keydown() keyup事件： 當(dāng)用戶在一個元素上第一次松手鍵盤上的鍵的時候，就會觸發(fā)它。使用方法與keydown是一致的只是觸發(fā)的條件是方法的 注意： ?keydown是在鍵盤按下就會觸發(fā) ?keyup是在鍵盤松手就會觸發(fā) ?理論上它可以綁定到任何元素，但keydown/keyup事件只是發(fā)送到具有焦點的元素上，不同的瀏覽器中，可獲得焦點的元素略有不同，但是表單元素總是能獲取焦點，所以對于此事件類型表單元素是最合適的。 注意右邊的案例，會發(fā)現(xiàn)一個問題：每次獲取的內(nèi)容都是之前輸入的，當(dāng)前輸入的獲取不到，這個下一節(jié)會講查看全部
-
keypress()事件 在input元素上綁定keydown事件會發(fā)現(xiàn)一個問題： 每次獲取的內(nèi)容都是之前輸入的，當(dāng)前輸入的獲取不到 keydown事件觸發(fā)在文字還沒敲進(jìn)文本框，這時如果在keydown事件中輸出文本框中的文本，得到的是觸發(fā)鍵盤事件前的文本，而keyup事件觸發(fā)時整個鍵盤事件的操作已經(jīng)完成，獲得的是觸發(fā)鍵盤事件后的文本 當(dāng)瀏覽器捕獲鍵盤輸入時，還提供了一個keypress的響應(yīng)，這個跟keydown是非常相似，這里使用請參考keydown這一節(jié)，具體說說不同點 keypress事件與keydown和keyup的主要區(qū)別 ?對中文輸入法支持不好，無法響應(yīng)中文輸入 ?無法響應(yīng)系統(tǒng)功能鍵（如delete，backspace） ?由于前面兩個限制，keyCode與keydown和keyup不是很一致 總而言之， KeyPress主要用來接收字母、數(shù)字等ANSI字符，而 KeyDown 和 KeyUP 事件過程可以處理任何不被 KeyPress 識別的擊鍵。諸如：功能鍵（F1-F12）、編輯鍵、定位鍵以及任何這些鍵和鍵盤換檔鍵的組合等。查看全部
-
有點兒不理解，mark一下！查看全部
-
vent.pageX 和 event.pageY：獲取鼠標(biāo)當(dāng)前相對于頁面的坐標(biāo) event.preventDefault() 方法：阻止默認(rèn)行為 event.stopPropagation() 方法：阻止事件冒泡 event.which：獲取在鼠標(biāo)單擊時，單擊的是鼠標(biāo)的哪個鍵 event.currentTarget : 在事件冒泡過程中的當(dāng)前DOM元素 this和event.target的區(qū)別： js中事件是會冒泡的，所以this是可以變化的，但event.target不會變化，它永遠(yuǎn)是直接接受事件的目標(biāo)DOM元素； .this和event.target都是dom對象 如果要使用jquey中的方法可以將他們轉(zhuǎn)換，為jquery對象：$(this)和$(event.target);比如：event.target和$(event.target)的使用：查看全部
-
基本用法：.on( events [, selector ] [, data ] ) 最常見的給元素綁定一個點擊事件，對比下一下快捷方式與on方式的不同 $("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 最大的不同點就是on是可以自定義事件名，當(dāng)然不僅僅只是如何，繼續(xù)往下看 多個事件綁定同一個函數(shù) $("#elem").on("mouseover mouseout",function(){ }); 通過空格分離，傳遞不同的事件名，可以同時綁定多個事件 多個事件綁定不同函數(shù) $("#elem").on({ mouseover:function(){}, mouseout:function(){}, }); 通過空格分離，傳遞不同的事件名，可以同時綁定多個事件，每一個事件執(zhí)行自己的回調(diào)方法查看全部
-
KeyPress主要用來接收字母、數(shù)字等ANSI字符，而 KeyDown 和 KeyUP 事件過程可以處理任何不被 KeyPress 識別的擊鍵。諸如：功能鍵（F1-F12）、編輯鍵、定位鍵以及任何這些鍵和鍵盤換檔鍵的組合等。查看全部
-
blur和focus不冒泡 focusout和focusin冒泡查看全部
-
$(selector).hover(handlerIn, handlerOut) handlerIn(eventObject)：當(dāng)鼠標(biāo)指針進(jìn)入元素時觸發(fā)執(zhí)行的事件函數(shù) handlerOut(eventObject)：當(dāng)鼠標(biāo)指針離開元素時觸發(fā)執(zhí)行的事件函數(shù)查看全部
-
mouseenter事件只會在綁定它的元素上被調(diào)用，而不會在后代節(jié)點上被觸發(fā)查看全部
舉報
0/150
提交
取消