我是靠谱客的博主 畅快板凳,最近开发中收集的这篇文章主要介绍js事件中的onmouseout和onmouseleave,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

写一个项目的过程中发现一个问题:
鼠标监听A元素的onmouseout事件,结果当鼠标移到A元素里面的B元素时,事件也触发了。
原因是因为:事件冒泡。
当鼠标从A元素进入到B元素时,A也会触发自己的onmouseout事件,但是由于自己并没有绑定这个事件,因此B的onmouseout传递给了A元素,所以当进入B时,实际上就触发了A元素的onmouseout事件了。
解决办法是使用onmouseleave事件来代替onmouseout事件。
onmouseleave禁止了事件冒泡,因此B元素并不会触发事件。
这里写图片描述

最后

以上就是畅快板凳为你收集整理的js事件中的onmouseout和onmouseleave的全部内容,希望文章能够帮你解决js事件中的onmouseout和onmouseleave所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(31)

评论列表共有 0 条评论

立即
投稿
返回
顶部