Question

子元素触发了父元素的onmouseout事件。怎么解决能让子元素不触发

这个问题收到了无数错误的答案。一定要您运行后可以了，在发我谢谢了。
<style>
div{
position:absolute;width:100px;height:100px;background:#555;
}

</style>
<div onmouseout='alert()'>
<button>123</button>
</div>
为什么鼠标移到按钮123上 还要出发alert() 怎么解决能让鼠标移到按钮123上不alert
网上的什么stopPropagation()都没有用
用JavaScript哦 不要用jquery 我不懂 他/她

Answer 1

event.stopPropagation()

追问

把所有的代码发来把 谢谢 我不知道怎么加 往哪家

追答

123

追问

可以实现。还有没有跟简单的 不用定时器的

追答

123

当触发onmouseout事件时判断目标元素的父元素是不是自身，是则不执行，同时也要阻断子元素onmouseout事件传递。
大体是这个意思我只在chrome中测试其它未调试

Answer 2

阻止冒泡~~~ 加上 cancelBubble

追问

把所有的代码发来把 谢谢 我不知道怎么加 往哪家

Answer 3

这个不需要加什么js就可以解决吧，你看你现在这个button是和你的div在一个层上面的，很简单把这个button调上去不就好了，这个就等同于添加个隔板一样 谁也碰不到谁了啊 要不在一个层上面，一定会触发的
<style>
div{
position:absolute;width:300px;height:300px;background:#555;
}
#bu{
width:100px;
height:100px;
z-index:99;
}
</style>
<div onmouseout='alert()'>
<button id="bu">123</button>
</div>
我把你的button特意弄大检查的，应该没问题了

追问

你把你的代码保存在1.html里面 运行下。当鼠标移动到button上还是会alert啊 没解决啊

追答

可是我这里真的是没问题啊？或者换个想法，你在你那个button和div之间再加一个触动的遮罩层，这样也可以不让 button响应，和我这个差不多的意思，遮罩层就是再加一个div让它悬浮在两者之间