JavaScript自定义事件

张春雷发布于2019-08-23 14:16 / 1388人阅读

摘要：标题自定义事件最近遇到一个基于项目项目中的功能节点页面都是通过实现但是各个之间有时需要相互通信互相相应一些事件为了更愉快的编码所以想到了自定义事件还别说用起来竟然有点像的组件通信是伪数组所以通过来使用绑定触发销毁

标题JavaScript自定义事件

最近遇到一个基于jQuery项目,项目中的功能节点页面都是通过iframe实现,但是各个iframe之间有时需要相互通信,互相相应一些事件,为了更愉快的编码所以想到了自定义事件,还别说用起来竟然有点像vue的组件通信

top.events = {
    on: function (name, func) {
      if(!this.handles){
        this.handles = {};
      }
      this.handles[name] = func;
    },
    emit: function (name) {
      if(this.handles[name]){
        //arguments是伪数组所以通过call来使用slice
        this.handles[name].apply(null, Array.prototype.slice.call(arguments, 1));
      }
    },
    destory: function (name) {
      if(this.handles && this.handles[name]) delete this.handles[name];
    }
  };

//绑定
top.events.on("test", function() {});

//触发
top.events.emit("test", param));

//销毁
top.events.destory("test");

云服务器 GPU云服务器自定义事件 js 自定义触发事件自定义头像自定义

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/100365.html

javascript自定义事件浅析

摘要：首先来看看什么是自定义事件让函数能够具备事件的某些特性。其实自定义事件在一些主流的类库中都有实现，后续会分析具体的实现方法。今天，我们就先用简单的例子来实现自定义事件的功能。在团队协作的很多情况下，某个js的函数会根据不断增加的需求进而不断增加功能，如果功能需求累积过多，我们就很难把控自己在这个函数中新定义的变量会不会覆盖掉之前的定义。如： function action(){ ...

miya 2019-08-21 10:46 评论0 收藏0
Javascript自定义事件

摘要：事件定义事件是与交互的最常见的方式但它也可以用于非代码中通过实现自定义事件实现自定义事件的原理是创建一个管理事件的对象如下代码是事件的定义存储事件处理程序由个键值对组成键表示事件名值是一个由事件处理程序组成的数组添加事件触发事件将传递给事件定义事件是与DOM交互的最常见的方式,但它也可以用于非DOM代码中--通过实现自定义事件.实现自定义事件的原理是创建一个管理事件的对象.如下代码...

Leck1e 2019-08-21 10:40 评论0 收藏0
javascript自定义事件原理

摘要：我们就需要我们自己去定义事件其实就是我们写的函数，尤其是组件开发过程中，用的尤为多。可能有确定按钮取消按钮等操作。但是自定义事件的基本原理就是如上描绘的那样我们都知道，鼠标点击click，触屏的touch等事件，可以触发相应的事件处理程序，也可以为这些事件添加事件处理程序，实际开发过程中可供我们使用的事件很少，click、doubleclick，mouseover、mousemove...

JowayYoung 2019-08-20 15:17 评论0 收藏0
JavaScript疑难杂症系列-事件

摘要：支持三个参数分别表示事件名称，是否可以冒泡，是否阻止事件的默认操作触发参数表示事件对象，是方法返回的创建的对象监听方法自定义事件常用模拟模拟方法操作或者自定义事件我的自定义事件。事件这块知识点虽然是老生长谈的,但对于我来说多多整理,多多感悟,温故知新,每次看看这块都有不同的收获.(在这里我不会长篇大论,只会挑重点;具体的小伙伴们自行查找) 什么是事件在编程时系统内发生的动作或者发生...

CocoaChina 2019-08-30 13:57 评论0 收藏0
JavaScript疑难杂症系列-事件

摘要：支持三个参数分别表示事件名称，是否可以冒泡，是否阻止事件的默认操作触发参数表示事件对象，是方法返回的创建的对象监听方法自定义事件常用模拟模拟方法操作或者自定义事件我的自定义事件。事件这块知识点虽然是老生长谈的,但对于我来说多多整理,多多感悟,温故知新,每次看看这块都有不同的收获.(在这里我不会长篇大论,只会挑重点;具体的小伙伴们自行查找) 什么是事件在编程时系统内发生的动作或者发生...

Anleb 2019-08-26 11:42 评论0 收藏0