javascript高级程序设计读书笔记----事件

 

DOM0级事件处理程序

传统处理方式，即讲一个函数赋值给一个事件处理程序属性。

 

DOM2级事件处理程序

addEventListener()和removeHandler()两个方法用于指定和删除事件处理程序。

 

var EventUtil= {

addHandler: 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;

}

},

removeHandler: 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;

}

}

 

 

事件对象

兼容DOM的浏览器都会将一个event对象传入到事件处理程序中。

<input type="button" id="myBtn">

var btn = document.getElementById("myBtn");

btn.onclick = function(){

alert(event.type); //"click"

}

btn.addEventListener("click", function(){

alert(event.type); //"click"

}, false);

 

 

函数柯里化