JavaScript自定義事件

張春雷發(fā)布于2019-08-23 14:16 / 1541人閱讀

摘要：標(biāo)題自定義事件最近遇到一個(gè)基于項(xiàng)目項(xiàng)目中的功能節(jié)點(diǎn)頁面都是通過實(shí)現(xiàn)但是各個(gè)之間有時(shí)需要相互通信互相相應(yīng)一些事件為了更愉快的編碼所以想到了自定義事件還別說用起來竟然有點(diǎn)像的組件通信是偽數(shù)組所以通過來使用綁定觸發(fā)銷毀

標(biāo)題JavaScript自定義事件

最近遇到一個(gè)基于jQuery項(xiàng)目,項(xiàng)目中的功能節(jié)點(diǎn)頁面都是通過iframe實(shí)現(xiàn),但是各個(gè)iframe之間有時(shí)需要相互通信,互相相應(yīng)一些事件,為了更愉快的編碼所以想到了自定義事件,還別說用起來竟然有點(diǎn)像vue的組件通信

top.events = {
    on: function (name, func) {
      if(!this.handles){
        this.handles = {};
      }
      this.handles[name] = func;
    },
    emit: function (name) {
      if(this.handles[name]){
        //arguments是偽數(shù)組所以通過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() {});

//觸發(fā)
top.events.emit("test", param));

//銷毀
top.events.destory("test");

GPU云服務(wù)器云服務(wù)器自定義事件 js 自定義觸發(fā)事件自定義頭像自定義

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/100365.html

相關(guān)文章

javascript自定義事件淺析

摘要：首先來看看什么是自定義事件讓函數(shù)能夠具備事件的某些特性。其實(shí)自定義事件在一些主流的類庫中都有實(shí)現(xiàn)，后續(xù)會(huì)分析具體的實(shí)現(xiàn)方法。今天，我們就先用簡單的例子來實(shí)現(xiàn)自定義事件的功能。在團(tuán)隊(duì)協(xié)作的很多情況下，某個(gè)js的函數(shù)會(huì)根據(jù)不斷增加的需求進(jìn)而不斷增加功能，如果功能需求累積過多，我們就很難把控自己在這個(gè)函數(shù)中新定義的變量會(huì)不會(huì)覆蓋掉之前的定義。如： function action(){ ...

miya 2019-08-21 10:46 評(píng)論0 收藏0
Javascript自定義事件

摘要：事件定義事件是與交互的最常見的方式但它也可以用于非代碼中通過實(shí)現(xiàn)自定義事件實(shí)現(xiàn)自定義事件的原理是創(chuàng)建一個(gè)管理事件的對(duì)象如下代碼是事件的定義存儲(chǔ)事件處理程序由個(gè)鍵值對(duì)組成鍵表示事件名值是一個(gè)由事件處理程序組成的數(shù)組添加事件觸發(fā)事件將傳遞給事件定義事件是與DOM交互的最常見的方式,但它也可以用于非DOM代碼中--通過實(shí)現(xiàn)自定義事件.實(shí)現(xiàn)自定義事件的原理是創(chuàng)建一個(gè)管理事件的對(duì)象.如下代碼...

Leck1e 2019-08-21 10:40 評(píng)論0 收藏0
javascript自定義事件原理

摘要：我們就需要我們自己去定義事件其實(shí)就是我們寫的函數(shù)，尤其是組件開發(fā)過程中，用的尤為多。可能有確定按鈕取消按鈕等操作。但是自定義事件的基本原理就是如上描繪的那樣我們都知道，鼠標(biāo)點(diǎn)擊click，觸屏的touch等事件，可以觸發(fā)相應(yīng)的事件處理程序，也可以為這些事件添加事件處理程序，實(shí)際開發(fā)過程中可供我們使用的事件很少，click、doubleclick，mouseover、mousemove...

JowayYoung 2019-08-20 15:17 評(píng)論0 收藏0
JavaScript疑難雜癥系列-事件

摘要：支持三個(gè)參數(shù)分別表示事件名稱，是否可以冒泡，是否阻止事件的默認(rèn)操作觸發(fā)參數(shù)表示事件對(duì)象，是方法返回的創(chuàng)建的對(duì)象監(jiān)聽方法自定義事件常用模擬模擬方法操作或者自定義事件我的自定義事件。事件這塊知識(shí)點(diǎn)雖然是老生長談的,但對(duì)于我來說多多整理,多多感悟,溫故知新,每次看看這塊都有不同的收獲.(在這里我不會(huì)長篇大論,只會(huì)挑重點(diǎn);具體的小伙伴們自行查找) 什么是事件在編程時(shí)系統(tǒng)內(nèi)發(fā)生的動(dòng)作或者發(fā)生...

CocoaChina 2019-08-30 13:57 評(píng)論0 收藏0
JavaScript疑難雜癥系列-事件

摘要：支持三個(gè)參數(shù)分別表示事件名稱，是否可以冒泡，是否阻止事件的默認(rèn)操作觸發(fā)參數(shù)表示事件對(duì)象，是方法返回的創(chuàng)建的對(duì)象監(jiān)聽方法自定義事件常用模擬模擬方法操作或者自定義事件我的自定義事件。事件這塊知識(shí)點(diǎn)雖然是老生長談的,但對(duì)于我來說多多整理,多多感悟,溫故知新,每次看看這塊都有不同的收獲.(在這里我不會(huì)長篇大論,只會(huì)挑重點(diǎn);具體的小伙伴們自行查找) 什么是事件在編程時(shí)系統(tǒng)內(nèi)發(fā)生的動(dòng)作或者發(fā)生...

Anleb 2019-08-26 11:42 評(píng)論0 收藏0