-
focus:當(dāng)focusable元素獲得焦點(diǎn)時(shí)，不支持冒泡； focusin:和focus一樣，只是此事件支持冒泡； blur:當(dāng)focusable元素失去焦點(diǎn)時(shí)，不支持冒泡； focusout:和blur一樣，只是此事件支持冒泡；查看全部
-
focusin & focusout查看全部
-
select() 監(jiān)聽(tīng) input textarea 元素文本被選中查看全部
-
先弄清楚e.target指向哪個(gè)元素，然后看看這個(gè)元素的value屬性的值就可以得到了。初學(xué)者一般會(huì)把e.target和this弄混，搞不懂這兩個(gè)具體指向哪個(gè)元素。簡(jiǎn)單來(lái)說(shuō)，this就是指向當(dāng)前事件所綁定的元素，而e.target指向事件執(zhí)行時(shí)鼠標(biāo)所點(diǎn)擊區(qū)域的那個(gè)元素。容易搞不懂的地方是，初學(xué)者會(huì)認(rèn)為當(dāng)前事件所綁定的元素不就是鼠標(biāo)所點(diǎn)擊的那個(gè)元素嘛，這時(shí)候就要看看時(shí)間綁定的元素內(nèi)部有沒(méi)有子元素了，如果有子元素的話e.target指向這個(gè)子元素，如果沒(méi)有，e.target和this都指向事件所綁定的元素。查看全部
-
blur、focus事件在元素本身產(chǎn)生，不支持冒泡；focusin、focusout事件支持冒泡。并要注意不是所有元素都能夠接收焦點(diǎn)的.能夠響應(yīng)用戶操作的元素才有焦點(diǎn) 所以 $(".aaron").focus(function() { $(this).css('border', '2px solid red') }) 這里父級(jí)div雖然綁定了focus事件，但是由于是子元素input獲得了焦點(diǎn)，也就是input觸發(fā)了focus事件（當(dāng)然同時(shí)也觸發(fā)了focusin事件）但是input卻沒(méi)有綁定事件處理函數(shù)，所以input不會(huì)有什么反應(yīng)，再因?yàn)閒ocus不支持冒泡，所以父級(jí)div的focus事件并不會(huì)被觸發(fā)，綜上所述就沒(méi)有任何反應(yīng)了 而$(".aaron1").focusin(function() { $(this).find('input').val('冒泡捕獲了focusin事件') $(this).css('border', '2px solid red') }) 這里父級(jí)div綁定了focusin事件，子元素input獲得了焦點(diǎn)后觸發(fā)了focusin事件（當(dāng)然同時(shí)也觸發(fā)了focus事件），又因?yàn)橹С置芭荩愿讣?jí)div的focusin事件就被觸發(fā)了,就出現(xiàn)反應(yīng)了查看全部
-
$(selector).hover(handlerIn, handlerOut)查看全部
-
mouseenter與mouseleave比較常用 子區(qū)域與父區(qū)域分開(kāi)計(jì)數(shù) mouseover與mouseout會(huì)在每次鼠標(biāo)移動(dòng)時(shí)重新判斷 并且如果進(jìn)入子區(qū)域 父區(qū)域計(jì)數(shù)也會(huì)上升查看全部
-
e為事件對(duì)象，是用來(lái)記錄一些事件發(fā)生時(shí)的相關(guān)信息的對(duì)象。事件對(duì)象只有事件發(fā)生時(shí)才會(huì)產(chǎn)生，并且只能是事件處理函數(shù)內(nèi)部訪問(wèn)，在所有事件處理函數(shù)運(yùn)行結(jié)束后，事件對(duì)象即被銷(xiāo)毀。查看全部
-
click() & dblclick() mouseup() & mousedown() $ele.mousedown() $ele.mousedown( handler(eventObject) ) $ele.mousedown( [eventData ], handler(eventObject) ) 其中eventData是傳遞給handler的event對(duì)象 如果不指定，則傳遞被綁定的對(duì)象 用event 對(duì)象的which區(qū)別按鍵，敲擊鼠標(biāo)左鍵which的值是1，敲擊鼠標(biāo)中鍵which的值是2，敲擊鼠標(biāo)右鍵which的值是3查看全部
-
val() 方法返回或設(shè)置被選元素的值。 元素的值是通過(guò) value 屬性設(shè)置的。該方法大多用于 input 元素。 如果該方法未設(shè)置參數(shù)，則返回被選元素的當(dāng)前值。查看全部
-
trigger() 方法觸發(fā)被選元素的指定事件類(lèi)型。查看全部
-
mouseup事件觸發(fā)需要以下幾點(diǎn)： mouseup強(qiáng)調(diào)是松手觸發(fā) 如果用戶在一個(gè)元素上按下鼠標(biāo)按鍵，并且拖動(dòng)鼠標(biāo)離開(kāi)這個(gè)元素，然后釋放鼠標(biāo)鍵，這仍然是算作mouseup事件,這是鼠標(biāo)釋放位置的事件，不再是按下鼠標(biāo)位置的mouseup事件查看全部
-
mousedown與mouseup事件: $("button:eq(0)").mousedown(function(e) { alert('e.which: ' + e.which) }) 用event 對(duì)象的which區(qū)別按鍵，敲擊鼠標(biāo)左鍵which的值是1，敲擊鼠標(biāo)中鍵which的值是2，敲擊鼠標(biāo)右鍵which的值是3查看全部
-
blur與foucus事件 在之前2.8與2.9節(jié)我們學(xué)過(guò)了表單處理事件focusin事件與focusout事件，同樣用于處理表單焦點(diǎn)的事件還有blur與focus事件 它們之間的本質(zhì)區(qū)別: 是否支持冒泡處理 舉個(gè)簡(jiǎn)單的例子 <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也亦是如此查看全部
-
click與dbclick事件 用交互操作中，最簡(jiǎn)單直接就是點(diǎn)擊操作。jQuery提供了兩個(gè)方法一個(gè)是click方法用于監(jiān)聽(tīng)用戶單擊操作，另一個(gè)方法是dbclick方法用于監(jiān)聽(tīng)用戶雙擊操作。這兩個(gè)方法的用戶是類(lèi)似，下面以click()事件為例 使用上非常簡(jiǎn)單： 方法一：$ele.click() 綁定$ele元素，不帶任何參數(shù)一般是用來(lái)指定觸發(fā)一個(gè)事件，用的比較少 <div id="test">點(diǎn)擊觸發(fā)<div> $("ele").click(function(){ alert('觸發(fā)指定事件') }) $("#text").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)龊芏嗖僮髁耍椒ㄖ械膖his是指向了綁定事件的元素 <div id="test">點(diǎn)擊觸發(fā)<div> $("#text").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> $("#text").click(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據(jù) }); dbclick()的用法和click()的用法是類(lèi)似的，可以參考以上click()的用法。 dbclick與click事件不同的是： click事件觸發(fā)需要以下幾點(diǎn)： click事件其實(shí)是由mousedown與mouseup 2個(gè)動(dòng)作構(gòu)成，所以點(diǎn)擊的動(dòng)作只有在松手后才觸發(fā) PS:mousedown和mouseup下一節(jié)會(huì)講到 dblclick事件觸發(fā)需要以下幾點(diǎn)： dblclick又是由2個(gè)click疊加而來(lái)的，所以dblclick事件只有在滿足以下條件的情況下才能被觸發(fā) 鼠標(biāo)指針在元素里面時(shí)點(diǎn)擊。查看全部
舉報(bào)
0/150
提交
取消