javascript 事件处理

<input type="button" value="click me" onclick="alert("Clicked");"/>

var btn = document.getElementById("myBtn");
btn.onclick = function(){
  alert("Clicked");  
}

var btn=document.getElementById("myBtn");
btn.addEventListener("click",function()){
    alert(this.id);
},false);
//false 表示在冒泡阶段调用时间处理函数，如果是true，表示在捕获阶段调用事件处理程序。

var btn=document.getElementById("myBtn");
btn.attachEvent("onclick",function()){
    alert(this === windown); //true 跨浏览器编程时，要牢记这一区别。
},false);

var EventUtil = {
    addHandle:function(element, type, handler){
        if(element.addEventListener){
            element.addEventListener(type, handler, false);
        }else if(element.attachEvent){
            element.attachEvent("on"+type, handler);
        }else{
            element["on"+type] = handler;
        }
    },
    removeHandle:  function(element, type, handler){
        if(element.removeEventListener){
            element.removeEventListener(type, handler, false);
        }else if(element.detachEvent){
            element.detachEvent("on"+type, handler);
        }else{
            element["on"+type] = null;
        }
    }
}