先简单把事件兼容写法写一下,希望读完源码以后,能够写出更好的兼容写法:
/*element代表元素,type代表事件类型,handler代表事件被触发时调用的方法 /
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;
}
},
preventDefault: function (event) {
if (event.preventDefault) {
event.preventDefault();
} else {
event.returnValue = false;
}
}
};
使用方法:
EventUtil.addHandler(element, type, handler);
参考链接:
http://www.runoob.com/w3cnote/zepto-js-source-analysis.html
http://www.cnblogs.com/mabaishui/archive/2010/09/20/1831453.html
http://blog.csdn.net/itchiang/article/details/7769341