首页 / JAVASCRIPT / js事件模型与自定义事件

js事件模型与自定义事件

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js事件模型与自定义事件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1368字，纯文字阅读大概需要2分钟。

内容图文

JavaScript 一个最简单的事件模型，需要有事件绑定与触发，也许还要有事件删除。

             1
            var eventModel = {
 2  list: {},
 3 4   bind: function () {
 5var args = [].slice.apply(arguments),
 6     type = args[0],
 7     handlers = args.slice(1);
 8 9if (typeof type === ‘string‘ && handlers.length > 0) {
10for (var i = 0; i < handlers.length; i++) {
11if (typeof handlers[i] === ‘function‘) {
12if (!this.list[type]) {
13this.list[type] = [];
14          }
15this.list[type].push(handlers[i]);
16        }
17      }
18    }
19  },
2021   trigger: function () {
22var arguments = [].slice.apply(arguments),
23     type = arguments[0],
24     args = arguments[1] instanceof Array && !arguments[2] ? arguments[1] : arguments.slice(1),
25     handlers = this.list[type];
2627for (var i = 0; i < handlers.length; i++) {
28       handlers[i].apply(this, args.splice(0, handlers[i].length));
29    }
30  }
31 };

其中主要实现了bind（绑定事件）与 trigger (触发事件)。对同一事件名称，可以绑定多个事件处理函数；并按照绑定的顺序依次触发。

args.splice(0, handlers[i].length) 触发时的传参

使用：

eventModel.bind(‘myevent1‘, function (a) {
  console.log(a);  // 1
}, function(b) {
  console.log(b);  // 2
}, function(c, d) {
  console.log(c + ‘ + ‘ + d);  // a+b});

eventModel.bind(‘myevent2‘, function (x) {
  console.log(x);
}, function(y) {
  console.log(y);
});

eventModel.bind(‘myevent1‘, function (e) {
  console.log(e);  // 50});


eventModel.trigger(‘myevent1‘, 1,2,‘a‘,‘b‘, 50);

 

原文：http://www.cnblogs.com/caihg/p/5227139.html

内容总结

以上是互联网集市为您收集整理的js事件模型与自定义事件全部内容，希望文章能够帮你解决js事件模型与自定义事件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1099492.html

来源：【匿名】