javascript 如何让子元素的事件失效？

Question

首先，wrapper看作一个滚动容器里面的元素可能有各种事件但是当我拖拽wrapper后，不希望子元素的事件发生我想通过[一系列]判断，然后决定子元素事件是否允许执行这个如何实现,在线等!!!!看了大家的解决办法，有的说删掉子元素的事件，但是，这些事件有可能是他人加上的，所以不采用！Document#wrapper{width:200px;height:200px;background:#eee;}#test{margin:10px;}按钮这是一个超链接document.getElementById("wrapper").onmousemove=function(){//如果产生拖拽，就不执行子元素的所有事件//包括click、超链接等};document.getElementById('test').onclick=function(e){alert('子元素')}

Answer 1

在父元素的函数改为
document.getElementById("second").addEventListener("click",function(){
alert('父元素');
event.stopImmediatePropagation();
},true);
                            

Answer 2

document.getElementById('wrapper').addEventListener("click",function(e){
e.stopPropagation();
alert('父元素')
},true);
查MDN是个好习惯event.stopImmediatePropagation()会阻止这个元素后面的同类型事件监听函数