javascript-事件绑定

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript-事件绑定相关的知识,希望对你有一定的参考价值。

1、事件绑定与解除

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script type="text/javascript">
  window.onload=function () {
   var ob=document.getElementById(‘b1‘)
   //IE 7:attachEvent(事件,函数)
   // ob.attachEvent("onclick",function () {alert(‘a‘)})
   // ob.attachEvent("onclick",function () {alert(‘b‘)})
   //FF
   // ob.addEventListener(‘click‘,function () {alert(‘a‘)},false)
   // ob.addEventListener(‘click‘,function () {alert(‘b‘)},false)
   //兼容性绑定事件
   // if(ob.attachEvent){
   //  ob.attachEvent("onclick",function () {alert(‘a‘)})
   //  ob.attachEvent("onclick",function () {alert(‘b‘)})    
   // }else{
   //  ob.addEventListener(‘click‘,function () {alert(‘a‘)},false)
   //  ob.addEventListener(‘click‘,function () {alert(‘b‘)},false)    
   // }
   //事件解除
   // ob.detachEvent
   // ob.removeEventListener
   myAddEvent(ob,‘click‘,function () {alert(‘a‘)})
   myAddEvent(ob,‘click‘,function () {alert(‘b‘)})
  }
  function myAddEvent(obj,event,func){
   if (obj.attachEvent) {
    obj.attachEvent(‘on‘+event,func)
   } else {
    obj.addEventListener(event,func,false)
   }
  }
 </script>
</head>
<body>
  <input type="button" value="button" id="b1">
</body>
</html>


以上是关于javascript-事件绑定的主要内容,如果未能解决你的问题,请参考以下文章

事件绑定事件监听和事件委托

javascript中常用的事件绑定方法

JavaScript绑定事件的方法[3种]

JavaScript绑定事件跟解绑事件的兼容代码

JavaScript中,有三种常用的绑定事件的方法

day51—JavaScript绑定事件