关于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的整理

标签：

原文地址：http://www.cnblogs.com/lyz1991/p/5372696.html