javascript 绑定事件的兼容问题

最新推荐文章于 2020-04-22 20:18:30 发布

浮生途

最新推荐文章于 2020-04-22 20:18:30 发布

阅读量149

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/jy123_123/article/details/90178676

版权

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload=function (ev) {
          /*  IE兼容
          oBth=document.getElementById("btn1");
            oBth.attachEvent("onclick",function () {
                alert("a");
            });
            oBth.attachEvent("onclick",function () {
                alert("b");
            })*/
          // 火狐，谷歌兼容
           /* oBth=document.getElementById("btn1");
            oBth.addEventListener("click",function () {
                alert("a");
            });
            oBth.addEventListener("click",function () {
                alert("b");
            })*/
           oBth=document.getElementById("btn1")
           if (oBth.attachEvent){
               oBth.attachEvent("onclick",function () {
                   alert("a");
               });
               oBth.attachEvent("onclick",function () {
                   alert("b");
               })
           }
           else {
               oBth.addEventListener("click",function () {
                   alert("a");
               },false);
               oBth.addEventListener("click",function () {
                   alert("b");
               },false)
           }


        }
    </script>
</head>
<body>
<input id="btn1" type="button" value="点击">
</body>
</html>

把绑定函数打包封装进myAddEvent函数里，便于随时调用，下面是myAddEvent函数调用例子：

注：obj：给哪个元素加事件；

ev：绑定哪个事件；

fu：绑定的函数是什么

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function myAddEvent(obj,ev,fn) {
            if(obj.attachEvent){
                obj.attachEvent("on"+ev,fn);
            }
            else {
                obj.addEventListener(ev,fn,false);
            }
        }
        window.onload=function (ev) {

           var oBtn=document.getElementById("btn1");
            myAddEvent(oBtn,"click",function () {
                    alert("a");
                });
            myAddEvent(oBtn,"click",function () {
                alert("b");
            });
           };



    </script>
</head>
<body>
<input id="btn1" type="button" value="点击">
</body>
</html>

浮生途

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 绑定事件的兼容问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload=function (ev) { /* ...
复制链接

扫一扫