为啥我鼠标在元素上移动也会触发mouseout事件？

具体是两个绝对定位的盒子有部分重叠，A 宽高大于 B 但是B的z-index高于A，在B上移动并做切换A的样式事件方法。会出现闪烁观察得到在A上进行移动会触发A的mouseout事件和B的mouseover事件。。

相关参考链接：http://www.cnblogs.com/hanyin...
类似这样的。

node.js html css

html5 javascript

阅读 2.6k

2 个回答

得票最新

THBseg

发布于
2017-07-25

亲，元素重叠了，当然就会有这个问题。没有那就奇怪了

whoru

1864

发布于
2017-07-25

因为事件冒泡，可使用 event.preventDefault() 处理，具体可查询相关说明

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

js 如何将Key属性相同的放在同一个数组？
{代码...} 说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...}
10 回答11.7k 阅读
前端代码更新如何通知用户刷新页面？
前端代码更新如何通知用户刷新页面？
2 回答3.2k 阅读✓ 已解决
css布局怎么保证右边一直在可视范围内？
如下：灰色和红色的高度都不确定，怎么保证左边高度太高需要滚动时右边一直能在可视范围内？ {代码...}
5 回答2.2k 阅读
H5页面点击按钮使用window.open 打开并展示一个pdf，安卓变成下载了？
H5页面点击按钮使用window.open 打开并展示一个pdf，安卓手机变成下载了？需要在移动端也是预览怎么实现呢？ {代码...}
3 回答1.7k 阅读✓ 已解决
为什么会出现CORS error？
先登录成功了。再次调用，就出现了CORS error在Login页调用这个接口就是正常的，换一个页面调用这个接口就出现了跨域问题。我把这段代码注释以后就正常了。
3 回答2.7k 阅读✓ 已解决
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？或者那种插件兼容性会比较好呢？
5 回答777 阅读
如何解决浏览器清除缓存导致axios请求404？
我的vue工程中使用axios请求。在页面加载时将baseurl存放在了sessionStorage中，封装request时通过获取session创建axios对象。现在偶尔会出现清除浏览器缓存时请求报404 因为baseurl被清除了。思索了很久没懂为什么会出现这种情况，页面加载时axios对象不就已经创建成功吗中途清缓存怎么会影响到对象内部呢。
4 回答2.2k 阅读✓ 已解决

相似问题

下拉菜单的js 在鼠标移到子元素时触发mouseout？
4 回答4.3k 阅读✓ 已解决
为什么 z-index 属性比父元素还高的子元素在点击事件触发不了？
1 回答5.8k 阅读
jquery如何写当元素移动时触发函数？
1 回答3.3k 阅读✓ 已解决
onmouseover事件，为啥鼠标移动时层会闪烁
6 回答27.4k 阅读✓ 已解决
鼠标在Canvas页面点击，怎么确定点的位置是否在其中画的线上？在画的线上事触发事件？
1 回答8.9k 阅读✓ 已解决

找不到问题？创建新问题

为啥我鼠标在元素上移动也会触发mouseout事件？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

前端代码更新如何通知用户刷新页面？

css布局怎么保证右边一直在可视范围内？

H5页面 点击按钮使用window.open 打开并展示一个pdf，安卓变成下载了？

为什么会出现CORS error？

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

如何解决浏览器清除缓存导致axios请求404？

H5页面点击按钮使用window.open 打开并展示一个pdf，安卓变成下载了？