资讯专栏INFORMATION COLUMN

javascript 自定义事件

AprilJ / 1992人阅读

摘要:的自定义事件,还是很有趣的,也很灵活。下面是代码其中,是事件监听,也可以说是添加事件。是解除事件与事件处理程序的绑定。虽然,不知道内部的事件是如何实现的,但是,这样的自定义事件,给人很爽的感觉。你可以自定义事件,也可以去监听他。

javascript的自定义事件,还是很有趣的,也很灵活。
就相当于,我不知道你要干什么,什么时候干,但是我监听这个动作。
只要你有这个动作,OK,那么就可以去执行。
下面是代码:

;(function(window){
    function Liu(){
        this.arr = {};
    }
    Liu.fn = Liu.prototype;
    Liu.fn.on = function(type,fn){
        if(!this.arr[type])  this.arr[type] = [];
        this.arr[type].push(fn);
    };
    Liu.fn.fire = function(event){
        if(!event.target)  event.target = this;
        if( this.arr[event.type] instanceof Array){
            for(let i=0,len=this.arr[event.type].length;i

其中,on 是事件监听,也可以说是添加事件。
fire是触发事件。
off是解除事件与事件处理程序的绑定。
once 是一次性绑定。

实际上不难,只是开拓了脑回路。
虽然,不知道内部的事件是如何实现的,但是,这样的自定义事件,给人很爽的感觉。

虽然,代码很少,但是却能实现很多的东西。
另外,实现的场景很重要。
你可以自定义事件,也可以去监听他。 但是,关键的是什么时候触发他。

^-^

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

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

相关文章

  • javascript定义事件浅析

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

    miya 评论0 收藏0
  • Javascript定义事件

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

    Leck1e 评论0 收藏0
  • javascript定义事件原理

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

    JowayYoung 评论0 收藏0
  • JavaScript疑难杂症系列-事件

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

    CocoaChina 评论0 收藏0
  • JavaScript疑难杂症系列-事件

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

    Anleb 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<