<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<button id="btn">点击</button>
</body>
<script>
var btn=document.getElementById("btn");
//使用现在的方法，事件会相互覆盖 只会输出2
btn.onclick=function(){
console.log("1")
};
btn.onclick=function(){
console.log("2")
}
</script>
</html>addEventListener
参数1：事件类型 （字符串，不添加on）
参数2：事件处理函数
参数3：是否使用捕获，false不使用，true使用
btn.addEventListener("click",function(){
console.log(1)
},false)
btn.addEventListener("click",function(){
console.log(2)
},false)
//事件不会相互覆盖第三个参数的使用
var btn=document.getElementById("btn");
var arr=[btn,document.body,document.documentElement,document,window]
for(var i=0;i<arr.length;i++){
//使用冒泡的顺序，从小到大
arr[i].addEventListener("click",function(){
console.log(this);
},false);
//使用捕获的方式，自上而下
arr[i].addEventListener("click",function(){
console.log(this);
},true)
}
扫一扫
3944
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
