欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

js下关于onmouseout、事件冒泡的问题经验小结_javascript技巧

程序员文章站 2022-05-10 12:52:17
...
问题是这样的:一个div元素要触发onmouseout事件,同时这个div内部还有子元素,于是当鼠标移动到该div的子元素上时,onmouseout事件也被触发了。在要做浮动层效果的时候会经常遇到这个问题。
解决方法一:
使用jQuery,这个大家都会的:
复制代码 代码如下:

触发显示浮动层



  • 1

  • 2

  • 3





解决办法二:
利用onmousemove事件优先的办法,来防止在子元素中触发onmouseout:
复制代码 代码如下:

触发显示浮动层



  • 1

  • 2

  • 3