<button>传统方式注册事件</button>

<button>事件监听注册事件</button>

<script>

//1.传统方式注册事件,注册唯一性，只能绑定一个事件，否则会覆盖前面的事件

    var btns=document.querySelectorAll("button")

    btns[0].οnclick=function(){

        alert("第一个传统方式注册事件")

    }

    btns[0].οnclick=function(){

        alert("第二个传统方式注册事件")

        //删除事件（解绑事件）

        btns[0].οnclick=''

    }//结果只有第二个弹出

   

 

//2.事件监听注册事件，能绑定多个事件,里面的事件类型是字符串，必定加引号，而且不带on

    btns[1].addEventListener("click",function(){

        alert("第一个事件监听注册事件")

    })

    btns[1].addEventListener("click",fn)//结果两个按顺序弹出

    function fn(){

        alert("第二个事件监听注册事件")

        //删除事件（解绑事件）

    btns[1].removeEventListener('click',fn)

    }

   

// // 3.attachEvent ie9以前的版本支持(不常用)

// btns[0].attachEvent("onclick",fn1)

// function fn1(){

//     alert("attachEvent")

//     // 删除事件（解绑事件）

//     btns[0].detachEvent('onclick',fn1)

// }