attachEvent兼容各浏览器事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>attachEvent兼容各浏览器事件</title>
    <script>
        window.onload = function() {
            var oBtn = document.getElementById("btn1");

            function myAddEvent(obj, ev, fn)    //obj为要绑定事件的元素,ev为要绑定的事件,fn为绑定事件的函数
            {
                if(obj.attachEvent) {
                    obj.attachEvent("on" + ev, fn);
                }
                else {
                    obj.addEventListener(ev, fn, false);
                }
            }

            myAddEvent(oBtn, "click", function() {
                alert("a");
            })
            myAddEvent(oBtn, "click", function() {
                alert("b");
            })
        }
    </script>
</head>
<body>
<input id="btn1" type="button" value="按钮"/>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/longzhoufeng/article/details/80689150