-
$(selector).hover(handlerIn, handlerOut)
handlerIn(eventObject):當(dāng)鼠標(biāo)指針進(jìn)入元素時觸發(fā)執(zhí)行的事件函數(shù)
handlerOut(eventObject):當(dāng)鼠標(biāo)指針離開元素時觸發(fā)執(zhí)行的事件函數(shù)
查看全部 -
mouseover為例:
<div class="aaron2">
? ?<p>鼠標(biāo)離開此區(qū)域觸發(fā)mouseleave事件</p>
</div>如果在p元素與div元素都綁定mouseover事件,鼠標(biāo)在離開p元素,但是沒有離開div元素的時候,觸發(fā)的結(jié)果:
p元素響應(yīng)事件
div元素響應(yīng)事件
這里的問題是div為什么會被觸發(fā)? 原因就是事件冒泡的問題,p元素觸發(fā)了mouseover,他會一直往上找父元素上的mouseover事件,如果父元素有mouseover事件就會被觸發(fā)
所以在這種情況下面,jQuery推薦我們使用 mouseenter事件
mouseenter事件只會在綁定它的元素上被調(diào)用,而不會在后代節(jié)點上被觸發(fā)
查看全部 -
mousemove事件觸發(fā)需要以下幾點:
mousemove事件是當(dāng)鼠標(biāo)指針移動時觸發(fā)的,即使是一個像素
如果處理器做任何重大的處理,或者如果該事件存在多個處理函數(shù),這可能造成瀏覽器的嚴(yán)重的性能問題
查看全部 -
mousedown 按下觸發(fā) ?mouseup松手觸發(fā) click點擊觸發(fā)
查看全部 -
eq(1) 第二個元素
查看全部 -
mousedown事件觸發(fā)需要以下幾點: mousedown強(qiáng)調(diào)是按下觸發(fā) 如果在一個元素按住了鼠標(biāo)不放,并且拖動鼠標(biāo)離開這個元素,并釋放鼠標(biāo)鍵,這仍然是算作mousedown事件 任何鼠標(biāo)按鈕被按下時都能觸發(fā)mousedown事件 用event 對象的which區(qū)別按鍵,敲擊鼠標(biāo)左鍵which的值是1,敲擊鼠標(biāo)中鍵which的值是2,敲擊鼠標(biāo)右鍵which的值是3 mouseup事件觸發(fā)需要以下幾點: mouseup強(qiáng)調(diào)是松手觸發(fā),與mousedown是相反的 mouseup與mousedown組合起來就是click事件 如果用戶在一個元素上按下鼠標(biāo)按鍵,并且拖動鼠標(biāo)離開這個元素,然后釋放鼠標(biāo)鍵,這仍然是算作mouseup事件 任何鼠標(biāo)按鈕松手時都能觸發(fā)mouseup事件 用event 對象的which區(qū)別按鍵,敲擊鼠標(biāo)左鍵which的值是1,敲擊鼠標(biāo)中鍵which的值是2,敲擊鼠標(biāo)右鍵which的值是3 另外需要注意的是: click與mousedown的區(qū)別: click事件其實是由mousedown于mouseup 2個動作構(gòu)成,所以點擊的動作只有在松手后才觸發(fā)查看全部
-
jQuery鼠標(biāo)事件之click與dbclick事件 用交互操作中,最簡單直接的操作就是點擊操作。jQuery提供了兩個方法一個是click方法用于監(jiān)聽用戶單擊操作,另一個方法是dbclick方法用于監(jiān)聽用戶雙擊操作。查看全部
-
這里需要特別注意: form元素是有默認(rèn)提交表單的行為,如果通過submit處理的話,需要禁止瀏覽器的這個默認(rèn)行為 傳統(tǒng)的方式是調(diào)用事件對象 e.preventDefault() 來處理, jQuery中可以直接在函數(shù)中最后結(jié)尾return false即可 jQuery處理如下: $("#target").submit(function(data) { return false; //阻止默認(rèn)行為,提交表單 });查看全部
-
具體會觸發(fā)submit事件的行為: <input type="submit"> <input type="image"> <button type="submit"> 當(dāng)某些表單元素獲取焦點時,敲擊Enter(回車鍵)查看全部
-
意思就是:綁定了委托事件元素的子元素都會向上冒泡,但只有符合選擇表達(dá)式的元素接收到冒泡事件(或者自己滿足觸發(fā)條件)時才會觸發(fā)function查看全部
-
triggerHandler不會觸發(fā)瀏覽器的默認(rèn)行為,.triggerHandler( "submit" )將不會調(diào)用表單上的.submit() .trigger() 會影響所有與 jQuery 對象相匹配的元素,而 .triggerHandler() 僅影響第一個匹配到的元素 使用 .triggerHandler() 觸發(fā)的事件,并不會在 DOM 樹中向上冒泡。 如果它們不是由目標(biāo)元素直接觸發(fā)的,那么它就不會進(jìn)行任何處理 與普通的方法返回 jQuery 對象(這樣就能夠使用鏈?zhǔn)接梅?相反,.triggerHandler() 返回最后一個處理的事件的返回值。如果沒有觸發(fā)任何事件,會返回 undefined查看全部
-
event.target target 屬性可以是注冊事件時的元素,或者它的子元素。通常用于比較 event.target 和 this 來確定事件是不是由于冒泡而觸發(fā)的。經(jīng)常用于事件冒泡時處理事件委托查看全部
-
基本用法:.on( events ,[ selector ] ,[ data ] ) 最常見的給元素綁定一個點擊事件,對比一下快捷方式與on方式的不同 $("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 最大的不同點就是on是可以自定義事件名,當(dāng)然不僅僅只是如何,繼續(xù)往下看 多個事件綁定同一個函數(shù) $("#elem").on("mouseover mouseout",function(){ });查看全部
-
KeyPress主要用來接收字母、數(shù)字等ANSI字符,而 KeyDown 和 KeyUP 事件過程可以處理任何不被 KeyPress 識別的擊鍵。諸如:功能鍵(F1-F12)、編輯鍵、定位鍵以及任何這些鍵和鍵盤換檔鍵的組合等。查看全部
-
keydown:每次獲取的內(nèi)容都是之前輸入的,當(dāng)前輸入的獲取不到。keydown事件觸發(fā)在文字還沒敲進(jìn)文本框,這時如果在keydown事件中輸出文本框中的文本,得到的是觸發(fā)鍵盤事件前的文本,而keyup事件觸發(fā)時整個鍵盤事件的操作已經(jīng)完成,獲得的是觸發(fā)鍵盤事件后的文本查看全部
舉報