js

html标签绑定事件方法

<input type="button" value="TEST" onclick="functionName(this);" />

元素的方法绑定事件

let btn = document.getElementById('my-btn');

btn.onclick = function() {

  // some code …

}

//删除事件
btn.onclick=null;

addEventListener() 和 removeEventListener() （DOM2级事件处理程序）

let btn = document.getElementById('my-btn');

function handler() {

  // some code …

}

btn.addEventListener('click', handler, false);

btn.removeEventListener('click', handler, false);

// true 在捕获阶段调用

// false 在冒泡阶段调用

支持IE9+、FCOS

attachEvent() 和 detacheEvent()

在attachEvent() 的匿名函数中 this===window

let btn = document.getElementById('my-btn');

function handler() {

  // some code …

}

btn.attachEvent('onclick', handler, false);

btn.detachEvent('onclick', handler, false);

支持IE、Opera