javascript 自定義事件

AprilJ 發布于2019-08-20 18:22 / 1996人閱讀

摘要：的自定義事件，還是很有趣的，也很靈活。下面是代碼其中，是事件監聽，也可以說是添加事件。是解除事件與事件處理程序的綁定。雖然，不知道內部的事件是如何實現的，但是，這樣的自定義事件，給人很爽的感覺。你可以自定義事件，也可以去監聽他。

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 是一次性綁定。
實際上不難，只是開拓了腦回路。
雖然，不知道內部的事件是如何實現的，但是，這樣的自定義事件，給人很爽的感覺。
雖然，代碼很少，但是卻能實現很多的東西。
另外，實現的場景很重要。 
你可以自定義事件，也可以去監聽他。 但是，關鍵的是什么時候觸發他。
^-^

GPU云服務器云服務器自定義事件 js 自定義觸發事件自定義頭像自定義

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/84419.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