关于js中的事件问题？-PHP中文网问答-关于js中的事件问题？-PHP中文网问答

围观一下哦，学习一下。

addEventListener的第三个参数不是用来阻止事件捕获的
第三个参数是来控制事件是在捕获阶段或冒泡阶段执行
在你这个demo里面，当点击子元素时，会产生一个点击事件
事件会按照
捕获：window→document→html→body→#out→#in
执行：#in
冒泡：#in→#out→#body→#html→#document→#window
这样的顺序完成生命周期
你给#out的事件第三个参数设置的ture，那么当点击事件捕获到#out时，就会触发#out的点击事件

想要实现你的要求

out.addEventListener('click',a);//让事件在冒泡阶段捕获 i.addEventListener('click',b,false); function a(){ out.style.backgroundColor = 'black'; } function b(e){ i.style.backgroundColor = 'blue'; e.stopPropagation();//阻止子元素的事件冒泡 }