DOM3中的自定義事件

villainhr 發布于2019-08-26 11:54 / 680人閱讀

摘要：級還定義了自定義事件，自定義事件不是由原生觸發的，它的目的是讓開發人員創建自己的事件。要創建的自定義事件可以由返回的對象有一個方法接收如下四個參數。

DOM3級還定義了自定義事件，自定義事件不是由DOM原生觸發的，它的目的是讓開發人員創建自己的事件。要創建的自定義事件可以由createEvent("CustomEvent"); 返回的對象有一個initCustomEvent（）方法接收如下四個參數。

type：字符串，觸發的事件類型，自定義。例如 “keyDown”，“selectedChange”;

bubble（布爾值）：標示事件是否應該冒泡；

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

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

下面舉例：當點擊按鈕的時候，一秒鐘之后會觸發一個id為target的元素的自定義事件myEvent，此自定義事件發生冒泡，依次經過target，wrap和document。
實際例子在這里：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)
       })

云服務器 GPU云服務器 php的自定義函數中的事件自定義事件 asp中的事件處理

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107780.html

DOM3中的自定義事件

摘要：級還定義了自定義事件，自定義事件不是由原生觸發的，它的目的是讓開發人員創建自己的事件。要創建的自定義事件可以由返回的對象有一個方法接收如下四個參數。 DOM3級還定義了自定義事件，自定義事件不是由DOM原生觸發的，它的目的是讓開發人員創建自己的事件。要創建的自定義事件可以由createEvent(CustomEvent); 返回的對象有一個initCustomEvent（）方法接收如下...

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

摘要：級還定義了自定義事件，自定義事件不是由原生觸發的，它的目的是讓開發人員創建自己的事件。要創建的自定義事件可以由返回的對象有一個方法接收如下四個參數。 DOM3級還定義了自定義事件，自定義事件不是由DOM原生觸發的，它的目的是讓開發人員創建自己的事件。要創建的自定義事件可以由createEvent(CustomEvent); 返回的對象有一個initCustomEvent（）方法接收如下...

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

摘要：級還定義了自定義事件，自定義事件不是由原生觸發的，它的目的是讓開發人員創建自己的事件。要創建的自定義事件可以由返回的對象有一個方法接收如下四個參數。 DOM3級還定義了自定義事件，自定義事件不是由DOM原生觸發的，它的目的是讓開發人員創建自己的事件。要創建的自定義事件可以由createEvent(CustomEvent); 返回的對象有一個initCustomEvent（）方法接收如下...

PascalXie 2019-08-02 10:21 評論0 收藏0
《Javascript高級程序設計 (第三版)》第13章事件

摘要：一般化的變動事件。沒有對應的級事件事件被分散到其他類別中。與事件關聯的視圖。布爾值表示按下的鍵的鍵碼。布爾值表示事件是否應該冒泡。創建事件對象初始化事件對象觸發事件模擬事件 DOM中的事件模擬可以在 document 對象上使用 createEvent() 方法創建 event 對象。 UIEvents ：一般化的 UI 事件。鼠標事件和鍵盤事件都繼承自 UI 事件。DOM3 級...

tinylcy 2019-08-21 17:42 評論0 收藏0
Javascript簡介

摘要：以下內容都是一些概念性的知識點弄懂這些基本的概念是我們在世界看得更遠的墊腳石誕生于年年公司開發發布時臨時將名字改為當時它的主要目的是處理以前由服務端語言負責的輸入驗證操作隨著其發展現在已不再局限于數據驗證而是具備了與瀏覽器窗口及其內容等幾乎以下內容都是一些概念性的知識點,弄懂這些基本的概念是我們在JavaScript世界看得更遠的墊腳石. Javascript Javascript誕...

Near_Li 2019-08-21 10:40 評論0 收藏0