jQuery中的mouseenter和mouseleave事件讲解
程序员文章站
2022-06-20 18:05:47
经过几番查阅发现了jquery中还有mouseenter和mouseleave事件,这两个事件在手册中找不到,所以特地查阅了一番。
大家知道事件的冒泡特性,在上面的bug中也正是...
经过几番查阅发现了jquery中还有mouseenter和mouseleave事件,这两个事件在手册中找不到,所以特地查阅了一番。
大家知道事件的冒泡特性,在上面的bug中也正是因为这个冒泡特性,对于mouver事件来说 ,当鼠标从其他元素 移动到 child节点时发生,但此事件会冒泡 所以会导致 parent 也出发mouseover。如果我们对 parent注册了 mouseover监听,从 parent移动到child 同样出发parent的mouseover 有时候我们不希望这样的事情发生。
对于 mouseover 和mouseenter 两个事件 最大的区别就是 mouseenter 是 不冒泡的事件,这时候 如果注册的监听 是mouseenter的话 无论鼠标从任何元素 移动到child时 只有child元素 发生mouseenter事件 而其祖宗节点 都不会因为冒泡 而触发此事件。
对于 mouseout 和mouseleave 也是如此 当鼠标从child 移出时 mouseout同样会冒泡到 parent 从而触发parent的 mouseout 二mouseleave 同样无此问题。
推荐阅读
-
jQuery中的mouseenter和mouseleave事件讲解
-
结合Visual C#开发环境讲解C#中事件的订阅和取消订阅
-
jQuery中click事件的定义和用法
-
JQuery事件中mouseover与mouseenter以及mouseout与mouseleave的区别详解
-
jQuery中的mouseenter和mouseleave事件讲解
-
jquery中的mouseleave和mouseout的区别 模仿下拉框效果
-
JQuery中select标签绑定的onchange事件然后弹出选择的值并实现跳转和传参
-
jquery中的mouseleave和mouseout的区别 模仿下拉框效果_jquery
-
jQuery中关于hover和点击事件之间的冲突详解(图)
-
PHP判断图片是否存在和jquery中load事件对图片的处理