​山南网站推广【山南官网推广哪个效果好】山南百度竞价推广托管、山南百度优化推广外包、山南全网霸屏推广多少钱、山南网络推广一年大概多少费

为什么要用事件绑定？原因：

例如：当页面有一个按钮，我们给它添加 onclick 事件时 如

btn.onclick=function (){

       alert('A');

}

他会很好的弹出一个 A 出来，但是如果我们写两个呢？

btn.onclick=function (){

       alert('A');

}

btn.onclick=function (){

       alert('B');

}

那么它只会弹出一个 B，要想将 A 和 B 都弹出来调用多次 onclick事件就得用到事件绑定了。其它的事件使用也是如此。

在JavaScript中事件绑定使用 attachEvent，但是这是IE浏览器使用的，而谷歌和火狐以及其它浏览器不支持，他们使用 addEventListener。实现浏览器兼容的方法最常用的的就是 if 条件句判断了。那么搞清楚这两个方法的使用方法就不难了写出JavaScript代码了。

定义函数：

参数 obj为点击的元素对象，ev为事件类型注意要去掉事件的on，只写 click、dblclick、mouseover这样的事件，fn为事件运行的函数。

function myAddEvent(obj, ev, fn)

{

    if(obj.attachEvent)

   {

      obj.attachEvent('on'+ev, fn);

   }

   else

   {

      obj.addEventListener(ev, fn,false);

   }

}

调用事件绑定函数：

window.onload=function ()

{

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

    myAddEvent(oBtn1,'click',function (){alert('A');});

    myAddEvent(oBtn1,'click',function (){alert('B');})

};

实现效果如图，会先弹出 A 然后再弹出 B 。是不是很简单。

有事件绑定当然得有解除事件绑定了，那么解除事件绑定用什么呢？还是考虑到浏览器兼容问题，使用 detachEvent 和 removeEventListener 就解决了。

怎么写？将上面的改一下不就行了。

函数代码：

function myRemoveEvent(obj, ev, fn)

{

    if(obj.detachEvent)

   {

      obj.detachEvent('on'+ev, fn);

   }

   else

   {

      obj.removeEventListener(ev, fn,false);

   }

}