Event

harryhappy 發(fā)布于2019-08-01 18:32 / 890人閱讀

摘要：事件本身包含所有事件通用的屬性和方法。注冊事件監(jiān)聽有三種方式可以為元素注冊事件處理函數(shù)。屬性接口事件處理函數(shù)可以附加在各種對象上，包括元素，對象上等。當事件發(fā)生時，對象就會被創(chuàng)建并依次傳遞給事件監(jiān)聽器。

基本概念

Event接口表示在DOM中發(fā)生的任何事件，一些事用戶生成的（例如鼠標或鍵盤事件），而其他的由API生成（比如指示動畫已經(jīng)完成運行的事件，視頻已經(jīng)被暫停等等）。
有許多類型的事件，其中一些使用基于主要事件接口的其他接口。事件本身包含所有事件通用的屬性和方法。

注冊事件監(jiān)聽

有三種方式可以為DOM元素注冊事件處理函數(shù)。

EventTarget.addEventListener()

mybutton.addEventListener("click", function() {
    alert("hello world");
}, false);

HTML屬性

DOM Event接口

事件處理函數(shù)可以附加在各種對象上，包括DOM元素，window對象上等。當事件發(fā)生時，event對象就會被創(chuàng)建并依次傳遞給事件監(jiān)聽器。

function foo(eve) {
    alert(eve);
}
table_el.onclick = foo;

DOM Event子類

Event屬性和方法請參考詳情

GPU云服務器云服務器 Event? Event event log Event Loop

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

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

相關(guān)文章

DOM 事件深入淺出（二）

摘要：在事件深入淺出一中，我主要給大家講解了不同級別下的事件處理程序，同時介紹了事件冒泡和捕獲的觸發(fā)原理和方法。方法主要用于阻止事件的進一步傳播，比如阻止事件繼續(xù)向上層冒泡。備注文本參考自權(quán)威指南一書及慕課網(wǎng)教程事件揭秘。在DOM事件深入淺出（一）中，我主要給大家講解了不同DOM級別下的事件處理程序，同時介紹了事件冒泡和捕獲的觸發(fā)原理和方法。本文將繼續(xù)介紹DOM事件中的知識點，主要側(cè)重于D...

ghnor 2019-08-20 11:37 評論0 收藏0
讀Zepto源碼之Event模塊

摘要：不支持事件冒泡帶來的直接后果是不能進行事件委托，所以需要對和事件進行模擬。調(diào)用函數(shù)，分隔出參數(shù)的事件名和命名空間。這里判斷是否為函數(shù)，即第一種傳參方式，調(diào)用函數(shù)的方法，將上下文對象作為的第一個參數(shù)，如果存在，則與的參數(shù)合并。 Event 模塊是 Zepto 必備的模塊之一，由于對 Event Api 不太熟，Event 對象也比較復雜，所以乍一看 Event 模塊的源碼，有點懵，細看下...

vpants 2019-08-20 18:06 評論0 收藏0
EventEmitter：從命令式 JavaScript class 到聲明函數(shù)式的華麗轉(zhuǎn)身

摘要：典型和改造挑戰(zhàn)了解事件發(fā)布訂閱系統(tǒng)實現(xiàn)思想，我們來看一段簡單且典型的基礎實現(xiàn)上面代碼，實現(xiàn)了一個類我們維護一個類型的，對不同事件的所有回調(diào)函數(shù)進行維護。方法對指定事件進行回調(diào)函數(shù)存儲方法對指定的觸發(fā)事件，逐個執(zhí)行其回調(diào)函數(shù)。 showImg(https://segmentfault.com/img/remote/1460000014287200); 新書終于截稿，今天稍有空閑，為大家奉...

hsluoyz 2019-08-22 16:11 評論0 收藏0
EventEmitter：從命令式 JavaScript class 到聲明函數(shù)式的華麗轉(zhuǎn)身

摘要：典型和改造挑戰(zhàn)了解事件發(fā)布訂閱系統(tǒng)實現(xiàn)思想，我們來看一段簡單且典型的基礎實現(xiàn)上面代碼，實現(xiàn)了一個類我們維護一個類型的，對不同事件的所有回調(diào)函數(shù)進行維護。方法對指定事件進行回調(diào)函數(shù)存儲方法對指定的觸發(fā)事件，逐個執(zhí)行其回調(diào)函數(shù)。 showImg(https://segmentfault.com/img/remote/1460000014287200); 新書終于截稿，今天稍有空閑，為大家奉...

dadong 2019-08-02 10:10 評論0 收藏0
jQuery源碼解析之jQuery.event.dispatch()

摘要：一起源方法最終是用綁定事件的而方法正是等于二作用觸發(fā)綁定的事件的處理程序源碼源碼行即原生觸發(fā)事件的處理程序修正對象獲取事件的處理程序集合，結(jié)構(gòu)如下從數(shù)據(jù)緩存中獲取事件處理集合即目標元素委托目標這段代碼壓根不會執(zhí)行，因為全局搜索沒找到結(jié)構(gòu) showImg(https://segmentfault.com/img/remote/1460000019464031); 一、起源jQuery.e...

GraphQuery 2019-08-23 18:05 評論0 收藏0