-
blur、focus事件在元素本身產(chǎn)生，不支持冒泡；focusin、focusout事件支持冒泡。并要注意不是所有元素都能夠接收焦點的.能夠響應(yīng)用戶操作的元素才有焦點 所以 $(".aaron").focus(function() { $(this).css('border', '2px solid red') }) 這里父級div雖然綁定了focus事件，但是由于是子元素input獲得了焦點，也就是input觸發(fā)了focus事件（當(dāng)然同時也觸發(fā)了focusin事件）但是input卻沒有綁定事件處理函數(shù)，所以input不會有什么反應(yīng)，再因為focus不支持冒泡，所以父級div的focus事件并不會被觸發(fā)，綜上所述就沒有任何反應(yīng)了 而$(".aaron1").focusin(function() { $(this).find('input').val('冒泡捕獲了focusin事件') $(this).css('border', '2px solid red') }) 這里父級div綁定了focusin事件，子元素input獲得了焦點后觸發(fā)了focusin事件（當(dāng)然同時也觸發(fā)了focus事件），又因為支持冒泡，所以父級div的focusin事件就被觸發(fā)了,就出現(xiàn)反應(yīng)了查看全部
-
focus:當(dāng)focusable元素獲得焦點時，不支持冒泡； focusin:和focus一樣，只是此事件支持冒泡； blur:當(dāng)focusable元素失去焦點時，不支持冒泡； focusout:和blur一樣，只是此事件支持冒泡；查看全部
-
focusin事件：監(jiān)聽元素獲取焦點事件； 用法： 方法一：$ele.focusin() 方法二：$ele.focusin( handler ) 方法三：$ele.focusin( [eventData ], handler )查看全部
-
mouseover,mouseout:不會阻止冒泡 mouseenter,mouseleave:會阻止冒泡 hover(in,out)里面要包含兩個函數(shù)，分別是移入和移出的效果，中間逗號隔開查看全部
-
mouseenter事件和mouseover的區(qū)別 關(guān)鍵點就是：冒泡的方式處理問題 mouseout和mouseleave同理查看全部
-
onmouseover()：鼠標(biāo)指針移入事件； onmouseout()：鼠標(biāo)指針移出事件。 用法： 方法一：$ele.mouseover() 方法二：$ele.mouseover( handler(eventObject) ) 方法三：$ele.mouseover( [eventData ], handler(eventObject) )查看全部
-
mousemove()方法：監(jiān)聽用戶鼠標(biāo)指針移動的的操作。 用法： 方法一：$ele.mousemove() 方法二：$ele.mousemove( handler(eventObject) ) 方法三：$ele.mousemove( [eventData ], handler(eventObject) ) mousemove事件觸發(fā)需要以下幾點： 1、mousemove事件是當(dāng)鼠標(biāo)指針移動時觸發(fā)的，即使是一個像素 2、如果處理器做任何重大的處理，或者如果該事件存在多個處理函數(shù)，這可能造成瀏覽器的嚴(yán)重的性能問題查看全部
-
mark查看全部
-
mousedown：可以監(jiān)聽用戶鼠標(biāo)按下的操作； mouseup：可以監(jiān)聽用戶鼠標(biāo)彈起的操作。 用法： 方法一：$ele.mousedown() 方法二：$ele.mousedown( handler(eventObject) ) 方法三：$ele.mousedown( [eventData ], handler(eventObject) ) mousedown事件觸發(fā)需要以下幾點： 1、mousedown強調(diào)是按下觸發(fā) 2、如果在一個元素按住了鼠標(biāo)不放，并且拖動鼠標(biāo)離開這個元素，并釋放鼠標(biāo)鍵，這仍然是算作mousedown事件 3、任何鼠標(biāo)按鈕被按下時都能觸發(fā)mousedown事件 4、用event 對象的which區(qū)別按鍵，敲擊鼠標(biāo)左鍵which的值是1，敲擊鼠標(biāo)中鍵which的值是2，敲擊鼠標(biāo)右鍵which的值是3 mouseup事件觸發(fā)需要以下幾點： 1、mouseup強調(diào)是松手觸發(fā)，與mousedown是相反的 2、mouseup與mousedown組合起來就是click事件 3、如果用戶在一個元素上按下鼠標(biāo)按鍵，并且拖動鼠標(biāo)離開這個元素，然后釋放鼠標(biāo)鍵，這仍然是算作mouseup事件 4、任何鼠標(biāo)按鈕松手時都能觸發(fā)mouseup事件 5、用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ā)查看全部
-
當(dāng)點擊第一個 button 時，會觸發(fā)第一個按鈕的 click事件，function 參數(shù)中的 bottonName, 如果存在bottonName,則bootonName=bottonName,否則，bottonName=first 此時還未定義（undefined）,所以在執(zhí)行"或"語句時，將 'first'這個字符串賦給bottonName,繼續(xù)執(zhí)行 update()函數(shù)。第一個參數(shù)為第一個 span對象，第二個參數(shù)為第二個 span對象，第三個參數(shù)的內(nèi)容此時為 'first'。 在update函數(shù)中，將第一個span的文本設(shè)置為 'first',將第二個span的文本轉(zhuǎn)換為整型，基數(shù)為10（這個10不懂看看轉(zhuǎn)換整型那節(jié)），計數(shù)器n自加 1，并賦給第二個 span的文本。查看全部
-
可以實現(xiàn)同樣效果的更為簡便的代碼： <html> <head> <title>Test</title> <meta content="text/html; charset=utf-8" /> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <style type="text/css"> input{ width:200px; height:100px; display:block; text-align:center; } </style> </head> <body> <input type="text" /> <button>first</button> <button>last</button> <script type="text/javascript"> var sum = 0; function main(){ ++sum; } $('button:first').bind('click', function(){ main(); $('input').val('first:'+sum); }); $('button:last').bind('click', function(){ main(); $('input').val('last:'+sum); }); </script> </body> </html>查看全部
-
select事件只能用于<input>和<textarea>元素查看全部
-
.text(e.target.value) 獲取輸入的內(nèi)容。查看全部
-
e.preventDefault() 來處理， jQuery中可以直接在函數(shù)中最后結(jié)尾return false查看全部
-
mouseover要注意冒泡問題，而mouseenter只發(fā)生綁定的元素上，不用考慮冒泡問題。查看全部
舉報
0/150
提交
取消