javascript 事件绑定与解绑

Posted

tags:

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

/**
 * @description 绑定事件 on(element, event, handler)
 */
export const on = (function() {
  if (document.addEventListener) {
    return function(element, event, handler) {
      if (element && event && handler) {
        element.addEventListener(event, handler, false)
      }
    }
  } else {
    return function(element, event, handler) {
      if (element && event && handler) {
        element.attachEvent('on' + event, handler)
      }
    }
  }
})()

/**
 * @description 解绑事件 off(element, event, handler)
 */
export const off = (function() {
  if (document.removeEventListener) {
    return function(element, event, handler) {
      if (element && event) {
        element.removeEventListener(event, handler, false)
      }
    }
  } else {
    return function(element, event, handler) {
      if (element && event) {
        element.detachEvent('on' + event, handler)
      }
    }
  }
})()

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

JQuery_003_事件绑定与解绑

jquery 事件- 绑定与解绑

jquery中的DOM事件绑定与解绑

js元素事件绑定与解绑

jQuery-3.事件篇---事件绑定与解绑

js click 与 onclick 事件绑定与解绑