DOM学习——js注册（绑定）事件、删除（解绑）事件的三种方式及兼容性解决

注册事件（绑定事件）

给元素添加事件，称为注册事件或者绑定事件。
注册事件有三种方式：传统方式和方法监听注册方式（addEventListener（）、attachEvent（））

1.传统方式on~

• 利用on开头的事件 比如：onclick

btn.onclick = function (){}

• 特点：注册事件的唯一性：同一元素同一事件只能设置一个处理函数，最后注册的处理函数会覆盖前面注册的处理函数。

<button>点击</button>
    <script>
        var btn = document.querySelector('button');
        btn.onclick = function () {
   
            console.log('1');
        };
        btn.onclick = function () {
   
            console.log('2');
        };//此时只会输出2，最后注册的处理函数会覆盖前面注册的处理函数
    </script>

2.事件监听注册方式-addEventListener（）

<