考虑以下:
<div onclick="alert('you clicked the header')" class="header">
<span onclick="alert('you clicked inside the header');">something inside the header</span>
</div>
Run Code Online (Sandbox Code Playgroud)
如何才能使用户点击跨度时,它不会触发div点击事件?
想象一下,我有这个代码:
var myFunc1 = function(event) {
alert(1);
}
var myFunc2 = function(event) {
alert(2);
}
element.addEventListener('click', myFunc1);
element.addEventListener('click', myFunc2);
Run Code Online (Sandbox Code Playgroud)
当click事件被触发时,调用myFunc1,然后调用myFunc2.但是,如果满足myFunc1中的某些条件,我如何(如果可能的话)停止调用myFunc2? event.stopPropagation()不是解决方案,因为这不是事件捕获/冒泡问题.
谢谢.