關於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