js 事件调度
2023-09-11 14:20:28 时间
var EventTarget = function () { this._listener = {}; }; EventTarget.prototype = { constructor: this, addEvent: function (type, fn) { if (typeof type === "string" && typeof fn === "function") { if (typeof this._listener[type] === "undefined") { this._listener[type] = [fn]; } else { this._listener[type].push(fn); } } return this; }, addEvents: function (obj) { obj = typeof obj === "object" ? obj : {}; var type; for (type in obj) { if (type && typeof obj[type] === "function") { this.addEvent(type, obj[type]); } } return this; }, fireEvent: function (type) { if (type && this._listener[type]) { //event参数设置 var events = { type: type, target: this }; for (var length = this._listener[type].length, start = 0; start < length; start += 1) { //改变this指向 this._listener[type][start].call(this, events); } } return this; }, fireEvents: function (array) { if (array instanceof Array) { for (var i = 0, length = array.length; i < length; i += 1) { this.fireEvent(array[i]); } } return this; }, removeEvent: function (type, key) { var listeners = this._listener[type]; if (listeners instanceof Array) { if (typeof key === "function") { for (var i = 0, length = listeners.length; i < length; i += 1) { if (listeners[i] === key) { listeners.splice(i, 1); break; } } } else if (key instanceof Array) { for (var lis = 0, lenkey = key.length; lis < lenkey; lis += 1) { this.removeEvent(type, key[lenkey]); } } else { delete this._listener[type]; } } return this; }, removeEvents: function (params) { if (params instanceof Array) { for (var i = 0, length = params.length; i < length; i += 1) { this.removeEvent(params[i]); } } else if (typeof params === "object") { for (var type in params) { this.removeEvent(type, params[type]); } } return this; } }; var myEvents = new EventTarget(); myEvents.addEvents({ "once": function () { alert("该弹框只会出现一次!"); this.removeEvent("once"); }, "infinity": function () { alert("每次点击页面,该弹框都会出现!"); } }); myEvents.fireEvents(["once", "infinity"]);
相关文章
- JS框架_(JQuery.js)绚丽的3D星空动画
- JS框架_(coolShow.js)图片旋转动画特效
- JS框架_(JQuery.js)高德地图api
- JS框架_(Esign.js)仿信用卡电子签名特效
- 【js】 Object.prototype.toString.call()
- js中获取项目路径的小插件
- js 触发长按事件
- [Next.js] Serve Optimized Images Using the Next.js Image Component
- [Node.js] Proxy Requests for Local and Remote Service Parity
- [Tools] Unlock TypeScript's Features in Vanilla JS with @ts-check and JSDoc
- [Node.js] Test Node RESTful API with Mocha and Chai
- node.js中的事件循环机制
- 华为OD机试 - 数字加减游戏(Java & JS & Python)
- html使用vue模板、html引入vue.js-测试demo
- js点击按钮向左侧滑动效果
- qtwebengine注册js后,怎样自动映射
- 【nodejs原理&源码赏析(7)】【译】Node.js中的事件循环,定时器和process.nextTick
- JS:crypto-js模块实现数据加密解密
- JS:正则RegExp对象匹配中文汉字
- js-jquery-SweetAlert【一】使用
- JS中的事件监听
- 【JS高级】js面向对象三大特性之封装—如何创建对象_05
- JS ||(或运算)详解