js原生添加事件的方式：
1. 直接在html標簽上添加
<div onclick="alert('div')">div</div>
2. 用dom的on...方法添加
document.getElementById('div').onclick = function () {alert('div')};
3. 用addEventListener或attachEvent添加
document.getElementById('div').addEventListener('click', function () {alert('div')}, false);
原生js事件綁定和事件移除
/**
* @description 事件綁定，兼容各瀏覽器
* @param target 事件觸發對象
* @param type 事件
* @param func 事件處理函數
*/
function addEvents(target, type, func) {
if (target.addEventListener) //非ie 和ie9
target.addEventListener(type, func, false);
// addEventListener當然就是注冊事件，她有三個參數，分別為："事件名稱", "事件回調", "捕獲/冒泡"。最后一個參數是布爾型，true代表捕獲事件，false代表冒泡事件。
else if (target.attachEvent) //ie6到ie8
target.attachEvent("on" + type, func);
else target["on" + type] = func; //ie5
};
/**
* @description 事件移除，兼容各瀏覽器
* @param target 事件觸發對象
* @param type 事件
* @param func 事件處理函數
*/
function removeEvents(target, type, func){
if (target.removeEventListener)
target.removeEventListener(type, func, false);
else if (target.detachEvent)
target.detachEvent("on" + type, func);
else target["on" + type] = null;
};
/**btn.removeEventListener("事件名稱", "事件回調", "捕獲/冒泡");這和綁定事件的參數一樣，詳細說明下：
· 事件名稱，就是說解除哪個事件唄。
· 事件回調，是一個函數，這個函數必須和注冊事件的函數是同一個。
· 事件類型，布爾值，這個必須和注冊事件時的類型一致。
*/