zoukankan      html  css  js  c++  java
  • 如何绑定事件

    <!--如何绑定事件-->
     <body>
      <!--div盒子          style 对div进行内部的装饰-->
      <!--<div style=" 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=" 100px; height: 100px;"onclick="console.log('a')" ></div>

    <!--方二:可以给一个事件绑定多个处理函数-->
       <div style=" 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=" 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=" 100px; height: 100px;"></div>
      <script type="text/javascript">
        var div = document.getElementsByTagName('div')[0];
    //    div.attachEvent('on'+事件类型,处理函数);
        div.attachEvent('onclick',function()});
       
      </script>

  • 相关阅读:
    hdu1180奇怪的楼梯……bfs迷阵……wa该16二级,我太渣滓
    Android新闻案例clientserver达到,完全自己的新闻节目平台
    xcode代码统计行
    linux每个路由表的系统研究
    Oracle 学习笔记 18 -- 存储函数和存储过程(PL/SQL子程序)
    《网络编程》ioctl 操作
    Android framework召回(3)binder使用和IBinder BpRefbase IInterface INTERFACE 之间的关系
    使用关节型
    leetcode 218: The Skyline Problem
    删除依赖命令
  • 原文地址:https://www.cnblogs.com/weixin2623670713/p/12641127.html
Copyright © 2011-2022 走看看