JS取消事件穿透

内外层都有事件,当我们触发内层事件时外层事件也会触发,

解决方法:在内层事件中取消事件冒泡 :  event.stopPropagation();

etc.

html代码:

<div id="div1" onclick="clicked1('你好')">
你好
<div id="div2" onclick="clicked2('我好')">我好</div>
</div>

 

js代码:

<script>

function clicked1(str) {
alert(str);
}
function clicked2(str) {
alert(str);
event.stopPropagation();
}
</script>

posted @ 2017-05-17 17:28  pandalight  阅读(6809)  评论(0编辑  收藏  举报