码迷,mamicode.com
首页 > 编程语言 > 详细

day51—JavaScript绑定事件

时间:2018-05-06 13:38:42      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:back   chrome   顺序   ntb   strong   dde   var   添加   执行   

转换学开发,代码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>

 

day51—JavaScript绑定事件

标签:back   chrome   顺序   ntb   strong   dde   var   添加   执行   

原文地址:https://www.cnblogs.com/allencxw/p/8997758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!