码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-05-02 23:36:55      阅读:259      评论:0      收藏:0      [点我收藏+]

标签:ie8   and   googl   ext   handler   处理   get   put   htm   

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

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

标签:ie8   and   googl   ext   handler   处理   get   put   htm   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!