javascript中的事件的绑定 2

最新推荐文章于 2023-02-16 12:48:12 发布

★Sir

最新推荐文章于 2023-02-16 12:48:12 发布

阅读量368

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Ljs_cn/article/details/52812448

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

在之前的javascript中的事件的绑定1 一文中，对事件绑定，虽然是能将 a 和 b 都能被弹出，但效果实现一次也只能是每次单独对一个类型的浏览器， IE 和非I E 都能单独实现效果，但不能同时适应。用if 和 else if 两个判断语句，即可实现同时对 IE 和非IE 都生效。
实现效果代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            *{
                margin: 0;padding: 0;
            }
            #btn{
                width: 100px;
                height: 40px;               
            }

        </style>
        <script type="text/javascript">
            window.onload=function(){
                var oBtn=document.getElementById('btn');

                if(oBtn.addEventListener){
                //addEventListener() 只针对非IE 有效
                    oBtn.addEventListener('click',function(){
                        alert('a');
                    },false);

                    oBtn.addEventListener('click',function(){
                        alert('b');
                    },false);
                }
                else{ //attachEvent() 只针对IE 有效
                    oBtn.attachEvent('onclick',function(){
                        alert('a');
                    });

                    oBtn.attachEvent('onclick',function(){
                        alert('b');
                    });
                }
            };              
        </script>

    </head>
    <body>
        <input type="button" name="btn" id="btn" value="点击" />
    </body>
</html>