4月
4
在html中触发的事件会往上冒泡,直到最上层.比如
源码:
<div onclick="alert('div is clicked')">
<a onclick="alert('a is clicked'); return false;" href="#">Click me, twice alert</a>
</div>
点击click,会弹出两个alert提示框.
防止触发上层div的方法是在点击时事件中加上:event.cancelBubble=true;
如下:
源码:
<div onclick="alert('div isn\'t clicked')">
<a onclick="alert('a is clicked'); event.cancelBubble=true;return false;" href="#">Click me, Once alert</a>
</div>
源码:
<div onclick="alert('div is clicked')">
<a onclick="alert('a is clicked'); return false;" href="#">Click me, twice alert</a>
</div>
点击click,会弹出两个alert提示框.
防止触发上层div的方法是在点击时事件中加上:event.cancelBubble=true;
如下:
源码:
<div onclick="alert('div isn\'t clicked')">
<a onclick="alert('a is clicked'); event.cancelBubble=true;return false;" href="#">Click me, Once alert</a>
</div>
0 引用