鼠标事件.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()的区别在于冒泡方式处理不同
本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/2046299