事件高级

Posted 2021-02-10 yundong333

1.事件绑定

function myAddEvent(obj,ev,fn){//fn是函数 ev是事件 兼容性问题 前者IE后者Ffchrome
       if(obj.attachEvent){
            obj.attachEvent(‘on‘+ev,fn)
       }
       else{ 
            obj.addEventListener(ev,fn,false);
       }
}   

eg:

上头函数

window.onload=function (){

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

      myAddEvent(oBtn,‘click‘,function(){

             alert(‘a‘);

      });

      myAddEvent(oBtn,‘click‘,function(){

           alert(‘b‘);

      });

}

IE:attachEvent(事件名称，函数)绑定事件处理函数

     detachEvent(事件名称，函数)解除绑定

DOM：addEventListener(事件名称，函数，捕获)

removeEventListener(事件名称，函数，捕获）

 

父集必须有相对定位，子集才能有绝对定位