Event

Zoom 發(fā)布于2019-08-26 11:36 / 1911人閱讀

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

基本概念

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

注冊(cè)事件監(jiān)聽

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

EventTarget.addEventListener()

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

HTML屬性

DOM Event接口

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

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

DOM Event子類

Event屬性和方法請(qǐng)參考詳情

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

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

相關(guān)文章

DOM 事件深入淺出（二）

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

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

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

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

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

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

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

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

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

GraphQuery 2019-08-23 18:05 評(píng)論0 收藏0