zoukankan      html  css  js  c++  java
  • JavaScript

    注册/移除事件的三种方式

    1. onclick

    var box = document.getElementById('box');
    box.onclick = function () {
      console.log('点击后执行');
    };
    box.onclick = null;
    

    2. addEventListener

    box.addEventListener('click', eventCode, false);
    box.removeEventListener('click', eventCode, false);
    

    3. attachEvent

    box.attachEvent('onclick', eventCode);
    box.detachEvent('onclick', eventCode);
    
    function eventCode() {
      console.log('点击后执行');
    }
    

    兼容代码

    function addEventListener(element, type, fn) {
      if (element.addEventListener) {
        element.addEventListener(type, fn, false);
      } else if (element.attachEvent){
        element.attachEvent('on' + type,fn);
      } else {
        element['on'+type] = fn;
      }
    }
    
    function removeEventListener(element, type, fn) {
      if (element.removeEventListener) {
        element.removeEventListener(type, fn, false);
      } else if (element.detachEvent) {
        element.detachEvent('on' + type, fn);
      } else {
        element['on'+type] = null;
      }
    }
    
  • 相关阅读:
    Git常用命令
    maven profile动态选择配置文件
    Nodejs的偏函数
    用CountDownLatch来同步java的多线程
    NodeJS的Promise的用法
    alluxio常用命令
    常见小代码
    Mongodb
    Mysql_常用语法
    PostgreSQL
  • 原文地址:https://www.cnblogs.com/allen2333/p/9171392.html
Copyright © 2011-2022 走看看