內外層都有事件,當我們觸發內層事件時外層事件也會觸發,
解決方法:在內層事件中取消事件冒泡 : 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>