注册事件和删除事件

一、注册事件

注册事件有两种方式：传统方式和事件监听方式。

传统方式：利用on开头的事件如onclick

 <button οnclick="alert('hi')">注册事件传统方法</button>

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

    <script>

        var bn = document.querySelectorAll("button");

        bn[1].onclick = function() {

            alert('hello');

        }

    </script>

其特点是具有唯一性，即同一元素同一事件只能设置一个处理函数，若设置两个及以上，之后一个处理函数会覆盖前面的函数。

事件监听方式：

使用addEventListener()方法，但是其只能用于ie9之前的浏览器不适用此方法需用attachEvent()代替。特点是同一元素同一事件可以注册多个监听器，按注册顺序依次执行。

<button >事件监听方式</button>

    <script>

       var bn = document.querySelector("button");

       bn.addEventListener