免疫/不可裁剪嵌套div
免疫/不可裁剪嵌套div
提问于 2013-01-11 13:45:53
我正在创建一个嵌套的div，如下面的代码所示
<body>
<div style='border:solid 1px red' onclick='alert("hi")'>
Hawaii
<div style='border:solid 1px blue;margin:10px;' onclick="alert('haha');return false;">Aloha</div>
</div>
</body>我想展示一下哈哈，当aloha的div被点击的时候，并没有引起对Hawaii div onclick事件的关注，有什么方法可以实现吗？
编辑:我忘记提到我知道事件冒泡，但是有办法停止冒泡/取消单个元素的传播吗？
Stack Overflow用户
发布于 2013-01-11 13:49:31
event.stopPropagation在现代浏览器中做到了这一点。
在Internet Explorer 9之前的版本中，您需要改为设置event.cancelBubble = true。
示例：
<div style='border:solid 1px blue;margin:10px;' onclick="alert('haha'); event.stopPropagation(); return false;">Aloha</div>如果您避免将Javascript放在HTML属性中，您可以做得更好。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14272429
复制相关文章
相似问题
腾讯云开发者
