day51—JavaScript绑定事件

Posted 2020-11-03 东易韦

转换学开发，代码100天——2018-05-06

今天学习javascript的绑定事件。因为浏览器的原因绑定事件需要考虑兼容性问题。

attachEvent	IE浏览器 ，ie9以上事件执行顺序与绑定顺序相同；ie9以下事件执行顺序与绑定顺序相反	btn.attachEvent("onclick",function(){    alert("a"); });
detachEvent		btn.detachEvernt("onclick",function(){    alert("a"); });
addEventListener	FF及chrome浏览器	btn.addEventListener("click",function(){      alert("a"); });
removeEventListener		btn.renoveEventListener("onclick",function(){    alert("a"); });

 

 

 

 

 

 

 

 

 

 

 

如对一个按钮添加多个事件：

<script type="text/javascript">
        window.onload = function(){
            var btn = document.getElementById("btn");
            addMyEvent(btn,"click",function()
            {
                alert("a");
            });
            addMyEvent(btn,"click",function()
            {
                alert("b");
            });
        }

        function addMyEvent(obj,ev,fn){
            if (obj.attachEvent) {
                obj.attachEvent("on"+ev,fn);
            }
            else{
                obj.addEventListener(ev,fn);
            }
        }
    </script>