JavaScript中注册事件的三种方式

注册事件

js 提供了三种注册事件的方式

方式一：将事件直接注册到元素上

<button onclick="代码">按钮</button>

方式二：使用 dom 属性注册事件
只能注册一个事件，并且有些事件不支持

dom.onclick = function () {
  //注册事件
};
//移除事件
dom.onclick = null;

方式三：使用 addEventListener 方法注册事件
可以注册多个事件，需要移除事件的话，需要将代码改写

dom.addEventListener("click", function () {});
dom.addEventListener("click", function () {});

function1(){

}
function2(){

}
dom.addEventListener("click", function1);
dom.addEventListener("click", function2);
//移除监听函数1
dom.removeEventListener('click',function1);