JQuery事件——鼠标事件1

Posted 2020-10-16

     鼠标事件.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()的区别在于冒泡方式处理不同