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);
函数柯里化