阻止事件传播

停止事件传播(阻止事件传播)

event.stopPropagation();


阻止标签的默认行为

event.preventDefault();

比如标签,设置后不能实现网址跳转。使用方法,获取元素,点击事件,设置event.preventDefault();即可。

委托事件

委托事件:把事件绑定在一个不变的祖先元素上。

优点:1.可以避免遍历元素的麻烦。2.新增元素可以拥有该事件

什么时候使用?1.子级很多;2.子级动态生成

以无序列表为例:

document.querySelector("ol").onclick=function(event){
	event.target.nodeName=="LI";//大写是系统原因,console.log(event.nodeName);答案为大写
	//event.target获取触发事件的目标
}

你可能感兴趣的:(阻止事件传播)