js事件监听

//btn是文档节点、document、window 或 XMLHttpRequest
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   
}