JS:自定义兼容性强的事件函数模型-EventUtil

对于网页前台编程，浏览器之间的兼容性一直都是比较令人困扰的问题。在javascript里，谷歌、ie和火狐等浏览器对事件监听的处理都不尽相同，给编程带来了麻烦。不过通过自定义一个新的事件监听器却可以完美地解决兼容上的问题，而且这个函数有可能是目前最好的解决方案。

操作方法

• 01

  /*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; } } };

• 02

  使用方法： EventUtil.addHandler(element, type, handler);