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

Posted 2020-09-16 Simple Programmer

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何写一个跨浏览器的事件处理程序 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>

以上是关于如何写一个跨浏览器的事件处理程序 js的主要内容，如果未能解决你的问题，请参考以下文章