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>

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