zoukankan      html  css  js  c++  java
  • 解除绑定事件 和 封装兼容性addEvent 来处理针对于不同浏览器的兼容方法

     <!--解除绑定事件-->
      <div style=" 100px; height: 100px;"></div>
      <script type="text/javascript">
       var div = document.getElementsByTagName('div')[0];
       div.onclick = function (){
        console.log('a');
       }
    //   解除绑定
       div.onclick = null;
      </script>

     <!--利用解除绑定事件 做点一次失效-->
      <div style=" 100px; height: 100px;"></div>
      <script type="text/javascript">
    //   选中div
       var div = document.getElementsByTagName('div')[0];
    //   绑定事件 
       div.onclick = function (){
        console.log('a');
        div.onclick = null;
       }
      </script>

    方二:

    <div style=" 100px; height: 100px;"></div>
      <script type="text/javascript">
       var div = document.getElementsByTagName('div')[0];
    //   绑定绑定的是一个对象的特定的事件处理函数    解除也是对应的
       div.addEventListener('click',test,false);
       function test(){
        console.log('a');
       }
    //   对象能找到,类型能找到   函数上哪找
       div.removeEventListener('click',test,false);
      </script>

    封装兼容性        addEvent 来处理针对于不同浏览器的兼容方法
      <script type="text/javascript">
       给一个dom对象增加一个该事件类型的处理函数
       function addEvent(elem,type,handle){
        if(elem.addEventListener){
         elem.addEventListener(type,handle,false);
        }else if(elem.attachEvent){
         elem.attachEvent('on'+ type,function (){
          handle.call(elem);
         }); 
        }else{
         elem['on'+type]= handle ;
        }
       }
      </script>

  • 相关阅读:
    PhpStudy升级MySQL5.7
    C# 字符串操作详解
    字符串留用与字符串池
    C# 字符串操作基本过程(Equals、Compare、EndsWith等处理方法)
    CLR关于语言文化的类型一CultureInfo类和字符串与线程的关联
    字符、字符串和文本的处理之Char类型
    二、LINQ之查询表达式基础
    一、Linq简介
    Unity学习系列一简介
    C# 静态构造函数
  • 原文地址:https://www.cnblogs.com/weixin2623670713/p/12654682.html
Copyright © 2011-2022 走看看