1. 首页
  2. 编程语言
  3. Javascript
  4. 鼠标经过子元素触发mouseout,mouseover事件的解决方案

鼠标经过子元素触发mouseout,mouseover事件的解决方案

上传者: 2022-01-29 03:01:58上传 PDF文件 78.44 KB 热度 9次

当鼠标从黑色框移到粉色框的时候,此时黑色框的mouseout的被触发,又由于事件冒泡,黑色框的mouseover事件随即被触发,所以实际上,橙色框先消失,然后立即执行淡入动画。不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。可以看一个简单的例子看看二者的区别所以改进的代码可以为e.stopPropagation()会终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后,该节点上处理该事件的处理程序将被调用,事件不再被分派到其他节点。获得匹配元素集合中每个元素的子元素。以上所述就是本文的全部内容了,希望大家能够喜欢。

下载地址
用户评论