javascript事件之核心問答(持續(xù)更新)

BakerJ 發(fā)布于2019-08-21 10:33 / 2307人閱讀

摘要：事件捕獲的用意在于事件到達(dá)預(yù)定目標(biāo)之前捕獲它。級事件流規(guī)定的事件流包括三個階段事件捕獲階段處于目標(biāo)階段和冒泡階段。首先發(fā)生的是事件捕獲，為截獲事件提供了機會。最后一個階段是冒泡階段，可以在這個階段對事件作出響應(yīng)。

一.基本概念:事件流是什么?有哪些事件流?

事件流是描述頁面接收事件的順序

具體的有 事件冒泡 事件捕獲 DOM事件流

事件冒泡又叫IE的事件流，即事件開始時由最具體的元素（文檔中嵌套層次最深的那個節(jié)點）接收，然后逐級向上傳播到較為不具體的節(jié)點（文檔）。

事件捕獲的思想是不太具體的節(jié)點應(yīng)該更早的接收到事件，而最具體的節(jié)點應(yīng)該在最后接收到節(jié)點。事件捕獲的用意在于事件到達(dá)預(yù)定目標(biāo)之前捕獲它。

DOM2級事件流規(guī)定的事件流包括三個階段：事件捕獲階段、處于目標(biāo)階段和冒泡階段。首先發(fā)生的是事件捕獲，為截獲事件提供了機會。然后是實際的目標(biāo)接收到事件。最后一個階段是冒泡階段，可以在這個階段對事件作出響應(yīng)。以簡單的HTML頁面為例，單擊

div>元素會按照下圖順序觸發(fā)事件

二.瀏覽器支持的情況

IE8及更早的版本不支持DOM事件流

三.事件和事件處理程序的區(qū)別?

事件是用戶或瀏覽器執(zhí)行的動作,如 click
事件處理程序是響應(yīng)某個事件的函數(shù):如 onclick();也稱為事件偵聽器

四.事件處理程序分為哪幾類?

1.html事件處理程序
2.DOM0級事件處理程序
3.DOM2級事件處理程序
4.IE事件處理程序
5.跨瀏覽器事件處理程序

  html事件處理程序優(yōu)點:簡單,方便 缺點:javascript和html緊密耦合,不方便維護和修改
DOM0級事件處理程序:函數(shù)式編程,支持IE8以下
DOM2級事件處理程序:用addEventListener()  可以添加多個事件處理函數(shù),即多個hander()

GPU云服務(wù)器云服務(wù)器 javascript核心 javascript核心技術(shù) javascript核心編程 javascript事件

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/85742.html

相關(guān)文章

如何正確學(xué)習(xí)JavaScript

摘要：然而，雖然先生對無所不知，被譽為世界的愛因斯坦，但他的語言精粹并不適合初學(xué)者學(xué)習(xí)。即便如此，在后面我還是會建議把當(dāng)做補充的學(xué)習(xí)資源。但目前為止，依然是學(xué)習(xí)編程的好幫手。周正則表達(dá)式，對象，事件，閱讀權(quán)威指南第，，，章。既然你找到這篇文章來，說明你是真心想學(xué)好JavaScript的。你沒有想錯，當(dāng)今如果要開發(fā)現(xiàn)代網(wǎng)站或web應(yīng)用（包括互聯(lián)網(wǎng)創(chuàng)業(yè)），都要學(xué)會JavaScript。而面對泛...

canger 2019-08-21 10:23 評論0 收藏0
當(dāng)你和天貓精靈對話時，它在想什么？阿里智能對話技術(shù)深度解讀

摘要：目前資訊播報時區(qū)限行歷史上的今天單位換算油價日歷等技能天貓精靈上線技能觸發(fā)率，準(zhǔn)確率即對話管理，是對話系統(tǒng)的關(guān)鍵部分，負(fù)責(zé)維護對話上下文，管理對話流程，保持對話過程的流暢。術(shù)語對齊 TaskBot引擎：核心處理對象是技能，我們把技能定義成結(jié)構(gòu)化(query+content)、垂直場景化的任務(wù)，比如實時場景查詢、工具類、控制類等QABot引擎：包括KG-QA引擎、QAPair引擎、...

時飛 2019-06-26 18:22 評論0 收藏0
當(dāng)你和天貓精靈對話時，它在想什么？阿里智能對話技術(shù)深度解讀

摘要：目前資訊播報時區(qū)限行歷史上的今天單位換算油價日歷等技能天貓精靈上線技能觸發(fā)率，準(zhǔn)確率即對話管理，是對話系統(tǒng)的關(guān)鍵部分，負(fù)責(zé)維護對話上下文，管理對話流程，保持對話過程的流暢。術(shù)語對齊 TaskBot引擎：核心處理對象是技能，我們把技能定義成結(jié)構(gòu)化(query+content)、垂直場景化的任務(wù)，比如實時場景查詢、工具類、控制類等QABot引擎：包括KG-QA引擎、QAPair引擎、...

孫淑建 2019-06-24 17:57 評論0 收藏0
ThinkJS 作者李成銀：擇善而從之，篤行致遠(yuǎn)

摘要：非常有幸邀請到李成銀老師，進行一期圖靈專訪。具體工作中，技術(shù)能力可能只占了，軟素質(zhì)方面的能力卻高達(dá)。大數(shù)據(jù)處理隨著大數(shù)據(jù)處理越來越熱門，很多項目都要在前端進行大數(shù)據(jù)處理和展現(xiàn)。提案可以大大提升在大數(shù)據(jù)處理方面的性能。非商業(yè)轉(zhuǎn)載請注明作譯者、出處，并保留本文的原始鏈接：http://www.ituring.com.cn/article/260246 李成銀，奇虎360前端技術(shù)專家，Th...

alin 2019-08-19 18:47 評論0 收藏0
Flink 全網(wǎng)最全資源（視頻、博客、PPT、入門、實戰(zhàn)、源碼解析、問答等持續(xù)更新）

摘要：由于配置流是從關(guān)系型數(shù)據(jù)庫中讀取，速度較慢，導(dǎo)致實時數(shù)據(jù)流流入數(shù)據(jù)的時候，配置信息還未發(fā)送，這樣會導(dǎo)致有些實時數(shù)據(jù)讀取不到配置信息。從數(shù)據(jù)庫中解析出來，再去統(tǒng)計近兩周占比。 showImg(https://segmentfault.com/img/remote/1460000019367651); Flink 學(xué)習(xí)項目代碼 https://github.com/zhisheng17/f...

Dr_Noooo 2019-08-16 17:50 評論0 收藏0