js实现跨浏览器解决dom0 dom2事件
博客专区 > wyn5111 的博客 > 博客详情
js实现跨浏览器解决dom0 dom2事件
wyn5111 发表于1年前
js实现跨浏览器解决dom0 dom2事件
  • 发表于 1年前
  • 阅读 8
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: js实现跨浏览器解决dom0 dom2事件

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
    <div id="box">
        <button id="btn">IE时间处理程序</button>
    </div>
    
    <script>
        function msg(){
                //var value = this.value;
                alert("123");
            }
        var btn = document.getElementById("btn");
        //btn.attachEvent("onclick",msg);
        //btn.detachEvent("onclick",msg);
        
        var eventUtil={
                //添加时间
                addHandler: function(element,type,handler){
                        if(element.addEventListener){
                            element.addEventListener(type,handler,false);
                        }else if(element.attachEvent){
                            element.attachEvent("on"+type,handler);
                        }else{
                            element["on"+type] = handler;
                        }
                    }
                //删除句柄
                removeHandler: function(element,type,handler){
                        if(element.removeEventListener){
                            element.removeEventListener(type,handler,false);
                        }else if(element.detachEvent){
                            element.detachEvent("on"+type,handler);
                        }else{
                            element["on"+type] = handler;
                        }
                    }
            }
        eventUtil.addHandler(btn,"click",msg);
    </script>
</body>
</html>

 

共有 人打赏支持
粉丝 0
博文 10
码字总数 3165
×
wyn5111
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: