侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

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

2024-05-15 星期三 / 0 评论 / 0 点赞 / 86 阅读 / 4132 字

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

<!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>

 

广告 广告

评论区