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

时间：2022-01-09 17:42:11

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

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>

相关文章