美文网首页
原生js自定义事件

原生js自定义事件

作者: erichow | 来源:发表于2016-12-15 15:13 被阅读0次
Array.prototype.forEach = Array.prototype.forEach || function(callback) {
  var arr = this;
  for (var i = 0, len = arr.length; i < len; i++) {
    callback(arr[i], i);
  }
};

Object.create = Object.create || function(proto) {
    function F() {}
    F.prototype = proto;
    return new F;
}

function Emitter() {
  this._events =   {};
}

Emitter.prototype.on = function(evtype, fn) {
  this._events[evtype] = this._events[evtype] || [];
  if (this._events[evtype].indexOf(fn) !== -1) return;
  this._events[evtype].push(fn);
}
Emitter.prototype.off = function(evtype, fn) {
  if (evtype in this._events === false)  return;
  fn && this._events[evtype].splice(this._events[evtype].indexOf(fn), 1);
  !fn && delete this._events[evtype];
}
Emitter.prototype.emit = function(evtype, detail) {
  var self = this;
  if (!(evtype in this._events)) return;
  this._events[evtype].forEach(function(fn, i) {
      fn.apply(self, detail);
  });
}

Emitter.eventify = function(Klass) {
    Klass.prototype = Object.create(Klass.prototype);
    for (var attr in Emitter.prototype) {
        Klass.prototype[attr] = Emitter.prototype[attr]
    }
    return Klass;
}

相关文章

  • jQuery例子记录(持续更新)

    目录: 1.自定义事件2.操作DOM(与JS原生对比) 1.自定义事件 绑定自定义事件: 事件名称refresh....

  • Markdown

    touch.js学习 准备工作 引用 touch.js是百度开源的一套支持原生js事件和自定义事件的js库...

  • MarkDown学习

    touch.js学习 准备工作 touch.js是百度开源的一套支持原生js事件和自定义事件的js库js中包含很多...

  • MARKDOWN学习?

    touch.js学习 准备工作 touch.js是百度开源的一套支持原生js事件和自定义事件的js库js中包含很多...

  • touch.js

    touch.js学习 touch.js是百度开源的一套支持原生js事件和自定义事件的js库js中包含很多这种库 封...

  • 20、jQuery 事件机制

    20、jQuery 事件机制 原生js事件与jQuery事件: (1)用原生的js给div注册事件 原生js注册相...

  • MarkDown学习

    touch.js学习 1.准备工作 touch.js是百度开源的一套支持原生js事件和自定义事件的js库js中包含...

  • MarkDown学习

    Touch.js学习 1.准备工作 touch.js是百度开源的一套支持原生js事件和自定义事件的js库js中包含...

  • MarkDown

    touch.js学习 1.准备工作 touch.js是百度开源的一套支持原生js事件和自定义事件的js库js中包含...

  • MarkDown学习

    Touch.js学习 1.准备工作 touch.js是百度开源的一套支持原生的js事件和自定义事件的js库js中包...

网友评论

      本文标题:原生js自定义事件

      本文链接:https://www.haomeiwen.com/subject/npfgmttx.html