事件绑定，兼容IE9以下 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无</title>
<style>

</style>

</head>
<body>
<input id = "btn1" type = "button" value = "按钮" />
<script type="text/javascript">
function myAddEvent(obj,ev,fn){//绑定事件框架
    if(obj.attachEvent)
    {
        obj.attachEvent('on'+ev,fn);
    }
    else
    {
        obj.addEventListener(ev,fn,false);
    }
}



    var oBtn = document.getElementById('btn1');

    //事件绑定 attachEvent('事件名'，函数)
    //IE下(IE9以下版本执行顺序与绑定顺序相反)
    if(oBtn.attachEvent)
    {

    oBtn.attachEvent('onclick',function(){
        alert('a');
    })
    oBtn.attachEvent('onclick',function(){
        alert('b');
    })

    }
    else
    {
    //FF
    //addEventListener(不带on的'事件名'，函数，flase)
    oBtn.addEventListener('click',function(){
        alert('a');
    },false);
    oBtn.addEventListener('click',function(){
        alert('b');
    },false);

    }

    /*
    oBtn.onclick = function(){
        alert('a');
    }

    oBtn.onclick = function(){
        alert('b');
    }*/
</script>
</body>
</html>

 

posted @ 2017-01-19 16:26  萤子  阅读(829)  评论(0)    收藏  举报