资讯专栏INFORMATION COLUMN

【面试篇】辨析mouseenter和mouseover及mousemove的异同

wyk1184 / 5459人阅读

摘要:当鼠标经过被选元素和被选元素的子元素时都会触发事件,对应事件。反派角色当鼠标移除被选元素才会触发,后代元素不会触发,该方法不会冒泡。

正派角色:

1.mouseenter:当鼠标经过被选元素才会触发,此方法不会冒泡,当鼠标经过被选元素的子元素时,不会触发mouseenter事件,对应mouseleave事件。
2.mouseover:当鼠标经过被选元素和被选元素的子元素时都会触发mouseover事件,对应mouseout事件。
3.mousemove:当鼠标移入被选元素内后,任意移动一个像素点都会触发。

反派角色

1.mouseleave: 当鼠标移除被选元素才会触发,后代元素不会触发,该方法不会冒泡。
2.mouseout: 无论鼠标离开被选元素还是被选元素的子元素都会触发。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82177.html

相关文章

  • mouseentermouseover为何这般纠缠不清?

    摘要:而当鼠标本身在元素边界内时,要触发该事件,必须先将鼠标移出元素边界外,再次移入才能触发。造成以上现象本质上是事件不支持冒泡所致。事件属性返回与事件的目标节点相关的节点。我们通过排查和,最后只留下,也就是与事件一起触发的时机。 前言 原文地址 项目地址 不知道大家在面试或者工作过程中有没有被mouseover和mouseenter(对应的是mouseout和mouseleave)事件所困...

    王岩威 评论0 收藏0
  • mouseentermouseover为何这般纠缠不清?

    摘要:而当鼠标本身在元素边界内时,要触发该事件,必须先将鼠标移出元素边界外,再次移入才能触发。造成以上现象本质上是事件不支持冒泡所致。事件属性返回与事件的目标节点相关的节点。我们通过排查和,最后只留下,也就是与事件一起触发的时机。 前言 原文地址 项目地址 不知道大家在面试或者工作过程中有没有被mouseover和mouseenter(对应的是mouseout和mouseleave)事件所困...

    _Dreams 评论0 收藏0
  • 商城“智能”导航栏实践

    摘要:细心的用户可能会发现,在或者等大型网站中,当鼠标在一级导航栏中垂直移动时,二级菜单可以无延迟的响应展示。很显然,用户希望在选择某一级菜单下的子菜单时,想要以斜向最短路径移动鼠标,而其他掠过的一级菜单也并不会激活。 需求与目标 在电商的大屏主页上,一般都会有一个显眼的品类导航栏,作为整个商城的重要分流入口,客户体验就必须要做到自然、极致。细心的用户可能会发现,在jd.com或者tmall...

    nifhlheimr 评论0 收藏0
  • jQuery 事件(一) 鼠标与键盘事件

    jQuery 鼠标事件 click与dbclick事件 用交互操作中,最简单直接的操作就是点击操作。jQuery提供了两个方法一个是click方法用于监听用户单击操作,另一个方法是dbclick方法用于监听用户双击操作。这两个方法的用法是类似的,下面以click()事件为例 方法一:$ele.click() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少 点击触发 $(ele...

    Gemini 评论0 收藏0

发表评论

0条评论

wyk1184

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<