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

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

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

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

  事件流是描述頁(yè)面接收事件的順序

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

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

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

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

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

二.瀏覽器支持的情況

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

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

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

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

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

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

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

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

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

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

Dr_Noooo 2019-08-16 17:50 評(píng)論0 收藏0