如何绑定事件

Posted weixin2623670713

tags:

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

<!--如何绑定事件-->
 <body>
  <!--div盒子          style 对div进行内部的装饰-->
  <!--<div style="width: 100px; height: 100px;"></div>-->
  <script type="text/javascript">
//   查找div         getElementsByTagName获取一组   [0]详细的将它取出
//   var div = document.getElementsByTagName(‘div‘)[0];
//   方一:
//   div.onclick 点击事件 上绑定  function (){
//    console.log(‘a‘);
//   } 
//   绑定的是事件处理函数    不绑定也有事件    一个函数只能绑定一个事件
//   div.onclick = function (){
//    console.log(‘a‘);
//   }
  </script>

 行间不用写function-->     
   <div style="width: 100px; height: 100px;"onclick="console.log(‘a‘)" ></div>

 

<!--方二:可以给一个事件绑定多个处理函数-->
   <div style="width: 100px; height: 100px;"></div>
   <script type="text/javascript">
     var div = document.getElementsByTagName(‘div‘)[0];
     div.addEventListener(事件类型,处理函数,false);
     div.addEventListener(‘click‘,function(){
      console.log(‘a‘);
     },false);
     div.addEventListener(‘click‘,function(){
      console.log(‘b‘);
     },false);
   </script>

 

 <div style="width: 100px; height: 100px;"></div>
  <script type="text/javascript">
    var div = document.getElementsByTagName(‘div‘)[0];
    test是同一个人
    div.addEventListener(‘click‘,test ,false);
    div.addEventListener(‘click‘,test ,false);
    function test(){
      console.log(‘a‘);
     }
  </script>

 

<!--方3:IE浏览器只能用-->
  <div style="width: 100px; height: 100px;"></div>
  <script type="text/javascript">
    var div = document.getElementsByTagName(‘div‘)[0];
//    div.attachEvent(‘on‘+事件类型,处理函数);
    div.attachEvent(‘onclick‘,function()});
   
  </script>

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

jquery如何 绑定Load事件 到一个元素上

原生js如何绑定a连接点击事件?

如何在 subGrid 中绑定和取消绑定事件

如何在onClick事件绑定中传递参数?

如何绑定到jQuery中的所有自定义事件

如何绑定android点击事件