javascript中的 事件的绑定 2

在 之前的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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章