onmouseout事件的问题
onmouseout事件的触发很奇怪。
1、虽然事件绑定在div上,但是触发却是以<p>为标准,当鼠标离开p但并没有离开div时也同样触发,当去掉p标签时,才会以div为触发。
2、事件触发以border为界限,当离开border但未离开margin时也会触发。
原理是什么呢?怎样避免内部元素的干扰?
43
收起
正在回答
1回答
你好,这里是由于冒泡事件,mouseout事件不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。而mouseleave事件,是不会有冒泡的,你可以尝试使用下 mouseleave,对比下二者的区别,关于冒泡,这里可简单了解下,后面的课程中会有讲解哟。
祝学习愉快~
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星