如何写一个跨浏览器的事件处理程序 js

如何 写一个合格的事件处理程序，看如下代码：

EventUtil可以直接拿去用  不谢

 

 

<!DOCTYPE html>
<html>
<head>
    <title>
        
    </title>
</head>
<body>

<input type="button" name="ids" id="ids"  value="value">
<script type="text/javascript">
var EventUtil={
    //添加事件
    addHandler:function (element,type,handler) {
        //此处google  ie10.11 支持
        if (element.addEventListener) {
            element.addEventListener(type,handler,false);
        }else if (element.attachEvent) {
            //ie8支持
            element.attachEvent("on"+type,handler);
        }else{
            // 其他浏览器
            element["on"+type]=handler;
        }
        // body...
    },
    //删除事件
    RemoveHandler:function (element,type,handler) {
        // body...
        if (element.removeEventListener) {
            element.removeEventListener(type,handler,false);
        }else if (element.removeEvent) {
            element.removeEvent("on"+type,handler);

        }else{
            element["on"+type]=null;
        }
    }
};

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

var handler=function () {
    alert(this.name);
    // body...
}

EventUtil.addHandler(btn,"click",handler);
</script>
</body>
</html>

 

posted @ 2017-05-02 22:35  需要GIS小工具找我  阅读(366)  评论(0)  编辑  收藏  举报