DOM3中的自定義事件

PascalXie 發(fā)布于2019-08-02 10:21 / 1621人閱讀

摘要：級(jí)還定義了自定義事件，自定義事件不是由原生觸發(fā)的，它的目的是讓開(kāi)發(fā)人員創(chuàng)建自己的事件。要?jiǎng)?chuàng)建的自定義事件可以由返回的對(duì)象有一個(gè)方法接收如下四個(gè)參數(shù)。

DOM3級(jí)還定義了自定義事件，自定義事件不是由DOM原生觸發(fā)的，它的目的是讓開(kāi)發(fā)人員創(chuàng)建自己的事件。要?jiǎng)?chuàng)建的自定義事件可以由createEvent("CustomEvent"); 返回的對(duì)象有一個(gè)initCustomEvent（）方法接收如下四個(gè)參數(shù)。

type：字符串，觸發(fā)的事件類(lèi)型，自定義。例如 “keyDown”，“selectedChange”;

bubble（布爾值）：標(biāo)示事件是否應(yīng)該冒泡；

cancelable(布爾值)：標(biāo)示事件是否可以取消；

detail（對(duì)象）：任意值，保存在event對(duì)象的detail屬性中；

下面舉例：當(dāng)點(diǎn)擊按鈕的時(shí)候，一秒鐘之后會(huì)觸發(fā)一個(gè)id為target的元素的自定義事件myEvent，此自定義事件發(fā)生冒泡，依次經(jīng)過(guò)target，wrap和document。
實(shí)際例子在這里：https://codepen.io/zhaojianxi...

　　var e = document.createEvent("CustomEvent");
　　e.initCustomEvent("myEvent",true,false,"hello world!");

       var btn = document.getElementById("btn");

       btn.addEventListener("click",function(){
         setTimeout(function(){
           target.dispatchEvent(e)
         },1000)
       })

       var wrap = document.getElementById("wrap");
       var target = document.getElementById("target");
       target.addEventListener("myEvent",function(e){
         console.log("target",e)
       })
       wrap.addEventListener("myEvent",function(e){
         console.log("wrap",e)
       })
       window.addEventListener("myEvent",function(e){
         console.log("window",e)
       })

云服務(wù)器 GPU云服務(wù)器 php的自定義函數(shù) 中的事件自定義事件 asp中的事件處理

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/52300.html

相關(guān)文章

DOM3中的自定義事件

摘要：級(jí)還定義了自定義事件，自定義事件不是由原生觸發(fā)的，它的目的是讓開(kāi)發(fā)人員創(chuàng)建自己的事件。要?jiǎng)?chuàng)建的自定義事件可以由返回的對(duì)象有一個(gè)方法接收如下四個(gè)參數(shù)。 DOM3級(jí)還定義了自定義事件，自定義事件不是由DOM原生觸發(fā)的，它的目的是讓開(kāi)發(fā)人員創(chuàng)建自己的事件。要?jiǎng)?chuàng)建的自定義事件可以由createEvent(CustomEvent); 返回的對(duì)象有一個(gè)initCustomEvent（）方法接收如下...

newsning 2019-08-22 17:01 評(píng)論0 收藏0
DOM3中的自定義事件

摘要：級(jí)還定義了自定義事件，自定義事件不是由原生觸發(fā)的，它的目的是讓開(kāi)發(fā)人員創(chuàng)建自己的事件。要?jiǎng)?chuàng)建的自定義事件可以由返回的對(duì)象有一個(gè)方法接收如下四個(gè)參數(shù)。 DOM3級(jí)還定義了自定義事件，自定義事件不是由DOM原生觸發(fā)的，它的目的是讓開(kāi)發(fā)人員創(chuàng)建自己的事件。要?jiǎng)?chuàng)建的自定義事件可以由createEvent(CustomEvent); 返回的對(duì)象有一個(gè)initCustomEvent（）方法接收如下...

mochixuan 2019-08-29 15:19 評(píng)論0 收藏0
DOM3中的自定義事件

摘要：級(jí)還定義了自定義事件，自定義事件不是由原生觸發(fā)的，它的目的是讓開(kāi)發(fā)人員創(chuàng)建自己的事件。要?jiǎng)?chuàng)建的自定義事件可以由返回的對(duì)象有一個(gè)方法接收如下四個(gè)參數(shù)。 DOM3級(jí)還定義了自定義事件，自定義事件不是由DOM原生觸發(fā)的，它的目的是讓開(kāi)發(fā)人員創(chuàng)建自己的事件。要?jiǎng)?chuàng)建的自定義事件可以由createEvent(CustomEvent); 返回的對(duì)象有一個(gè)initCustomEvent（）方法接收如下...

villainhr 2019-08-26 11:54 評(píng)論0 收藏0
《Javascript高級(jí)程序設(shè)計(jì) (第三版)》第13章事件

摘要：一般化的變動(dòng)事件。沒(méi)有對(duì)應(yīng)的級(jí)事件事件被分散到其他類(lèi)別中。與事件關(guān)聯(lián)的視圖。布爾值表示按下的鍵的鍵碼。布爾值表示事件是否應(yīng)該冒泡。創(chuàng)建事件對(duì)象初始化事件對(duì)象觸發(fā)事件模擬事件 DOM中的事件模擬可以在 document 對(duì)象上使用 createEvent() 方法創(chuàng)建 event 對(duì)象。 UIEvents ：一般化的 UI 事件。鼠標(biāo)事件和鍵盤(pán)事件都繼承自 UI 事件。DOM3 級(jí)...

tinylcy 2019-08-21 17:42 評(píng)論0 收藏0
Javascript簡(jiǎn)介

摘要：以下內(nèi)容都是一些概念性的知識(shí)點(diǎn)弄懂這些基本的概念是我們?cè)谑澜缈吹酶h(yuǎn)的墊腳石誕生于年年公司開(kāi)發(fā)發(fā)布時(shí)臨時(shí)將名字改為當(dāng)時(shí)它的主要目的是處理以前由服務(wù)端語(yǔ)言負(fù)責(zé)的輸入驗(yàn)證操作隨著其發(fā)展現(xiàn)在已不再局限于數(shù)據(jù)驗(yàn)證而是具備了與瀏覽器窗口及其內(nèi)容等幾乎以下內(nèi)容都是一些概念性的知識(shí)點(diǎn),弄懂這些基本的概念是我們?cè)贘avaScript世界看得更遠(yuǎn)的墊腳石. Javascript Javascript誕...

Near_Li 2019-08-21 10:40 評(píng)論0 收藏0