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

代码

$(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

巴特西

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

最新文章

热门文章