1. 程式人生 > >JQuery事件——鼠標事件1

JQuery事件——鼠標事件1

jquery事件——鼠標事件1

鼠標事件.mousemove()、.mouseover()、.mouseout()、.mouseenter() 和.mouseleave()

1 .mousemove()監聽用戶移動的操作

2 $ele.mousemove()綁定$ele元素,不帶任何參數,用來指定觸發一個事件

3 $ele.mousemove(handler(eventObject))綁定$ele元素,每次$ele元素觸發點擊操作會執行回調handler函數,可以針對事件的反饋進行很多操作

4 $ele.mousemove([eventData],handler(eventObject))綁定$ele元素,每次$ele元素觸發點擊操作會執行回調handler函數,可以接受一個數據參數,是為了解決不同作用域下數據傳遞的問題

5 .mousemove()的觸發條件

.mousemove()當鼠標指針移動時觸發,即使移動一個像素

如果處理器做任何重大的處理或者該事件存在多個處理函數,可能會造成瀏覽器的嚴重性能問題

6 .mouseover()監聽用戶的移入操作

7 .mouseout()監聽用戶的移出操作

8 $ele.mouseover()綁定$ele元素,不帶任何參數,用來指定觸發一個事件

9 $ele.mouseover(handler(eventObject))綁定$ele元素,每次$ele元素觸發點擊操作會執行回調handler函數,可以針對事件的反饋進行很多操作

10 $ele.mouseover([eventData],handler(eventObject

)綁定$ele元素,每次$ele元素觸發點擊操作會執行回調handler函數,可以接受一個數據參數,是為了解決不同作用域下數據傳遞的問題

11 .mouseenter()監聽用戶移動到元素內部的操作,在鼠標移入到元素上時被觸發,任何HTML元素都可以接受

12 .mouseleave()監聽用戶移動到元素外部的操作,只在綁定他的元素上被調用,而不會在後代節點上被觸發

13 .mouseenter() 和.mouseleave()的區別在於冒泡方式處理不同

JQuery事件——鼠標事件1