-
學(xué)了mouseover、mouseout、mouseenter、mouseleave事件，也理解了四個事件的相同點與不同點，現(xiàn)在可以用來給元素做一個簡單的切換效果 在元素上移進(jìn)移出切換其換色，一般通過2個事件配合就可以達(dá)到，這里用mouseenter與mouseleave，這樣可以避免冒泡問題 這樣目的是達(dá)到了，代碼稍微有點多，對于這樣的簡單邏輯jQuery直接提供了一個hover方法，可以便捷處理 只需要在hover方法中傳遞2個回調(diào)函數(shù)就可以了，不需要顯示的綁定2個事件查看全部
-
鼠標(biāo)是否有移到元素內(nèi)部或是元素外部，因此jQuery提供了一個mouseenter和mouseleave的快捷方法可以監(jiān)聽用戶移動到內(nèi)部的操作 mouseenter事件和mouseover的區(qū)別關(guān)鍵點就是：冒泡的方式處理問題 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)事件 事件冒泡的問題，p元素觸發(fā)了mouseover，他會一直往上找父元素上的mouseover事件，如果父元素有mouseover事件就會被觸發(fā) mouseenter事件只會在綁定它的元素上被調(diào)用，而不會在后代節(jié)點上被觸發(fā)查看全部
-
移入移出事件mouseover()與mouseout()事件查看全部
-
移動的操作mousemove查看全部
-
用戶交互操作中，最簡單直接的操作就是點擊操作，因此jQuery提供了一個mousedown的快捷方法可以監(jiān)聽用戶鼠標(biāo)按下的操作，與其對應(yīng)的還有一個方法mouseup快捷方法可以監(jiān)聽用戶鼠標(biāo)彈起的操作。兩種方法用法類似，下面以mousedown()為例 使用上非常簡單： 綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個事件，可能一般用的比較少 方法二：$ele.mousedown( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點擊操作會執(zhí)行回調(diào) handler函數(shù) 這樣可以針對事件的反饋做很多操作了 方法三：$ele.mousedown( [eventData ], handler(eventObject) ) 使用與方法二一致，不過可以接受一個數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題 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ā)查看全部
-
兩個方法一個是click方法用于監(jiān)聽用戶單擊操作，另一個方法是dbclick方法用于監(jiān)聽用戶雙擊操作。這兩個方法的用法是類似的，下面以click()事件為例 使用上非常簡單： 方法一：$ele.click() 綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個事件，用的比較少 方法二：$ele.click( handler(eventObject) ) 綁定$ele元素，每次$ele元素觸發(fā)點擊操作會執(zhí)行回調(diào) handler函數(shù)，這樣可以針對事件的反饋做很多操作了，方法中的this是指向了綁定事件的元素 <div id="test">點擊觸發(fā)<div> $("#test").click(function() { //this指向 div元素 }); 方法三：$ele.click( [eventData ], handler(eventObject) ) 使用與方法二一致，不過可以接受一個數(shù)據(jù)參數(shù)，這樣的處理是為了解決不同作用域下數(shù)據(jù)傳遞的問題 <div id="test">點擊觸發(fā)<div> $("#test").click(11111,function(e) { //this指向 div元素 //e.date => 11111 傳遞數(shù)據(jù) }); dblclick()的用法和click()的用法是類似的，可以參考以上click()的用法。 dbclick與click事件不同的是： click事件觸發(fā)需要以下幾點： click事件其實是由mousedown與mouseup 2個動作構(gòu)成，所以點擊的動作只有在松手后才觸發(fā) PS:mousedown和mouseup下一節(jié)會講到 dblclick事件觸發(fā)需要以下幾點： dblclick又是由2個click疊加而來的，所以dblclick事件只有在滿足以下條件的情況下才能被觸發(fā) 鼠標(biāo)指針在元素里面時點擊。 鼠標(biāo)指針在元素里面時釋放。 鼠標(biāo)指針在元素里面時再次點擊，點擊間隔時間，是系統(tǒng)而定。 鼠標(biāo)指針在元素里面時再次釋放。 注意：在同一元素上同時綁定 click 和 dblclick 事件是不可取的。各個瀏覽器事件觸發(fā)的順序是不同的，一些瀏覽器在dblclick之前接受兩個 click 事件 ，而一些瀏覽器只接受一個 click 事件。用戶往往可通過不同的操作系統(tǒng)和瀏覽器配置雙擊靈敏度查看全部
-
為什么div left與right觸發(fā)次數(shù)相互影響：移動哪塊那款就在兩者中最后一次mouseover的次數(shù)最大的值上加1查看全部
-
event.preventDefault() 方法：阻止默認(rèn)行為 event.stopPropagation() 方法：阻止事件冒泡 event.which：獲取在鼠標(biāo)單擊時，單擊的是鼠標(biāo)的哪個鍵 event.currentTarget : 在事件冒泡過程中的當(dāng)前DOM元素 event.type：獲取事件的類型 event.pageX 和 event.pageY：獲取鼠標(biāo)當(dāng)前相對于頁面的坐標(biāo)查看全部
-
keypress和keydown有什么區(qū)別?????? 雖然從字面理解, KeyDown是按下一個鍵的意思, 但實際上二者的根本區(qū)別是, 系統(tǒng)由KeyDown返回鍵盤的代碼, 然后由TranslateMessage函數(shù)翻譯成成字符, 由KeyPress返回字符值. 因此在KeyDown中返回的是鍵盤的代碼, 而KeyPress返回的是ASCII字符. 所以根據(jù)你的目的, 如果只想讀取字符, 用KeyPress, 如果想讀各鍵的狀態(tài), 用KeyDown. 說KeyDown是按下, KeyPress是按下并松開, 是不對的. 如果你一直按著鍵呢? 這時不斷地產(chǎn)生KeyDown和KeyPress.查看全部
-
擊觸發(fā)時時把input框清空，失去焦點時設(shè)置val(): $("input:first").focus("",function(e){ //e=event||window.event; $(this).val(e.data); }); $("input:first").blur("請輸入賬號",function(ev){ //ev=event||window.event; $(this).val(ev.data); })查看全部
-
卸載事件off()方法 通過.on()綁定的事件處理程序 通過off() 方法移除該綁定 根據(jù)on綁定事件的一些特性，off方法也可以通過相應(yīng)的傳遞組合的事件名，名字空間，選擇器或處理函數(shù)來移除綁定在元素上指定的事件處理函數(shù)。當(dāng)有多個過濾參數(shù)時，只有與這些參數(shù)完全匹配的事件處理函數(shù)才會被移除 這個課程也有off的用法實例： jQuery實現(xiàn)自定義滾動條 第3章 實現(xiàn)案例交互 拖動滑塊內(nèi)容滾動的思路查看全部
-
on()的高級用法 委托機(jī)制 .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ù)查看全部
-
因為后者在你點input的時候會一級一級的往上面查父元素，如果父元素有事件就執(zhí)行了，所以你看到了效果。這叫事件冒泡。查看全部
-
代碼如下顯示查看全部
-
代碼如下顯示查看全部
舉報
0/150
提交
取消