首页 > Web开发 > 详细

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

时间:2017-05-02 23:04:18      阅读:223      评论:0      收藏:0      [点我收藏+]

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

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

原文:http://www.cnblogs.com/huchaoheng/p/6798905.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!