JS点击事件
三种方式
-
行间事件
<button onclick="display()"></button> -
js中绑定
const btn = document.getElementById("btn"); btn.onclick = function() [^_^] 同名称事件绑定，后者或覆盖掉前者的事件 -
addEventListener注册
第三个参数为true时，事件捕获；为false时，事件冒泡【默认值】window.addEventListener("click",function(){},true) window.removeEventListener("click",function(){})
事件冒泡
子元素事件会一直触发到父元素或者祖父元素
if(ev.stopPropagation){ //主流浏览器都支持
ev.stopPropagation()
}else{ //IE 11以下
ev.cancelBubble = true;
}
事件捕获
父元素事件会一直触发到子元素或者孙子元素
网友评论