JS 添加/删除事件监听

 

var btn;

//1.  字符串脚本
btn.onclick = Function("alert('hello');");

//2.  方法
btn.onclick = function () {
    alert("hello");
};

//3. 方法引用
btn.onclick = myAlert;
function myAlert() {
    alert("hello");
}

//4 动态添加,多监听    注意 attachEvent 的事件带 on，如 onclick，而 addEventListener 不带 on
if (window.addEventListener) {
    // safari, chrome, firefox
    //addEventListener(string eventFlag, function eventFunc, [bool useCapture=false])
    // useCapture: 指定是否绑定在捕获阶段，true为是，false为否，默认为true
    btn.addEventListener("click", function(){alert("11");}, false);
    btn.addEventListener("click", function(){alert("12");}, false);
    //执行顺序11 -> 12
} else { // IE  opera
    btn.attachEvent("onclick", function(){alert("21");});
    btn.attachEvent("onclick", function(){alert("22");});
    //执行顺序22 -> 21
}


//对应移除事件
if (window.addEventListener) {
    btn.removeEventListener("click", funcA, false);  //safari, chrome, firefox下，删除事件func
} else {
    // IE
    btn.attachEvent("onclick", func);//ie,opera 下使用删除事件func
}