跨浏览器事件处理程序

浏览器的差异导致需要针对不同版本的浏览器编写不同的事件处理函数，恰当使用能力检测，保证处理事件的代码能在大多数的浏览器下一致地运行。
1.创建addHandler()方法，它的职责是分情况使用DOM0级方法、DOM2级方法或IE方法来添加事件。addHandler()方法接收的参数如下：
element：要操作的元素
type：事件名称
handler：事件处理函数
2.另一个创建的方法是removeHandler()方法，与addHandler()方法相反，它是移除对应的方法函数。

 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
            }
        }
    }

使用方法如下：
function clickMe() {
var btn = document.getElementById(“btn”);
var handler = function () {
alert(“hello”)
};
EventUtil.addHandler(btn,“click”,handler)
}

阅读书籍《JavaScript高级程序设计》所获。

来源：CSDN

作者：程可爱

链接：https://blog.csdn.net/qq_33479841/article/details/103689955