关于onclick和addeventlistener('click'),click的整理

时间:2022-04-01 01:10:20

代码

$(function(){
$("#btn").click(function(){
console.log(2)
})
$("#btn").click(function(){
console.log(1)
})
$("#btn").click(function(){
console.log(3)
})
})
这个点击结果是输出2,1,3
因为你此处相当于绑定了click,在你没解绑之前,他依然具有第一个事件的,所以他会继续之前一个;
原生
document.getElementById("btn").addEventListener("click",function(){
console.log(10)
},false)
document.getElementById("btn").addEventListener("click",function(){
console.log(11)
},false)
document.getElementById("btn").addEventListener("click",function(){
console.log(12)},false);
而onclick:
是重新赋值,变量提升
document.getElementById("btn").onclick=function(){
console.log(1)
}
document.getElementById("btn").onclick=function(){
console.log(2)
}
document.getElementById("btn").onclick=function(){
console.log(3)
}
最终结果是3