【摘錄自MDN】對事件冒泡和捕捉的解釋
當一個事件觸發了一個有父元素的元素(例如我們的<video>
時),現代瀏覽器運行兩個不同的階段 - 捕獲階段和冒泡階段。
在捕獲階段:
- 瀏覽器檢查元素的最外層祖先(
<html>
)是否在捕獲階段中註冊了一個onclick
事件處理程序,如果是,則運行它。 - 然後,它移動到
<html>
中的下一個元素,並執行相同的操作,然後是下一個元素,依此類推,直到到達實際點擊的元素。
在冒泡階段,恰恰相反:
- 瀏覽器檢查實際點擊的元素是否在冒泡階段中註冊了一個
onclick
事件處理程序,如果是,則運行它 - 然後它移動到下一個直接的祖先元素,並做同樣的事情,然後是下一個,等等,直到它到達
<html>
在現代瀏覽器中,默認情況下,所有事件處理程序都在冒泡階段進行註冊。
【摘錄自MDN】對事件冒泡和捕捉的解釋
相關推薦
【摘錄自MDN】對事件冒泡和捕捉的解釋
情況 dev 默認 https code demo pen click 情況下 當一個事件觸發了一個有父元素的元素(例如我們的<video>時),現代瀏覽器運行兩個不同的階段 - 捕獲階段和冒泡階段。 在捕獲階段: 瀏覽器檢查元素的最外層祖先(&
圖的鏈式儲存(鄰接表)【摘錄自嚴長生老師的網站】
當圖比較稀疏時,採用鄰接矩陣儲存會比較浪費空間,因為大部分空間都會填充為0,這時候採用鄰接表儲存是一個可行方案。 如上圖所示,每個頂點都是一個表頭結點,data存放資料,fisrtarc是指向表中結點的指標,表中結點的adjvex存放該頂點的下標,nextarc是指向下一個表中結點的指標,info在圖中
【事件流】事件冒泡和事件捕獲
事件流: 通俗的說就是:元素觸發時,傳播的過程。 冒泡型事件流:事件的傳播是從最具體的事件目標到最不具體的事件目標。即從DOM樹的葉子到根。 <div>—》<body>—》<html>—》document &n
ORACLE AWR報告之 log file sync等待事件優化的總結【轉自ITPUB】
來自白大師(白鱔)對log file sync等待事件優化的總結,供各位puber們學習參考:一、 log file sync平均等待事件時間超過7ms,如果等待時間過長,說明log write每次寫入的時間過長,如果能夠優化redo日誌檔案儲存,使之存放在更快的磁
【ALB學習筆記】基於事件觸發方式的串行通信接口數據接收案例
except 和數 從數據 發送數據 exceptio 工作原理 實時 double 窗體 基於事件觸發方式的串行通信接口數據接收案例 廣東職業技術學院 歐浩源 1、案例背景 之前寫過一篇《基於多線程方式的串行通信接口數據接收案例》的博文,討論了采用輪詢方
【項目積累】對JSON數據的處理
陌生 fun item 樣式 orm 其他 ajax 數據顯示 真的 【項目簡述】 接觸.NET項目非常長一段時間了,前臺用的都是MVC框架。不知道大家是否想過一個問題。我們是怎樣將數據顯示到前臺的,換句話說,MVC能夠識別怎麽樣的數據形式?
【開機自啟】Linux下設置MySql自動啟動
重啟 自動 開機自啟 lis 圖片 es2017 grep linux下 files 1、將服務文件拷貝到init.d下,並重命名為mysql cp /usr/local/mysql/support-files/mysql.server /etc/init.d/mys
web前端【第十三篇】jQuery擴展和事件
.text .get lap lose remove 沖突 viewport 賦值 edit 一、jQuery事件 常用事件 blur([[data],fn]) 失去焦點 focus([[data],fn]) 獲取焦點( 搜索框例子) change([[d
阻止事件冒泡和默認到事件對象在不同瀏覽器中的傳遞
內部 eth default pre 興趣 class UNC div alert 今天群裏有一個同學發了一個問題,問題起因是他定義了一個drag函數,然後函數內部使用了e進行組織默認實踐,結果在360瀏覽器正常運行但是火狐卻報錯,e不存在,第一時間有點懵,組織冒泡和組織默
【Matlab&Mathematica】對三維空間上的點進行橢圓擬合
問題是這樣:比如有一個地心慣性系的軌道,然後從軌道上取了幾個點,問能不能根據這幾個點把軌道還原了? 當然,如果知道軌道這幾個點的速度的情況下,根據軌道六根數也是能計算軌道的,不過真近點角是隨時間變動的。 下面我會用數學的方法來解這個問題,基本思想是通過擬合空間上點的平面與橢球平面的交線將該軌道計算出來,算
【第五節】PyQt5事件和訊號
文章目錄 [ 顯示 ] 在這一部分的pyqt5教程中,我們將探討PyQt5中的事件Event 事件 Event 所有的GUI程式都是事件驅動的。事件主要由使用者觸發,但也可能有其他觸發方式:例如網路連線、window manager或定時器。當我們呼叫QApplicat
【設計模式總結】對常用設計模式的一些思考(未完待續。。。)
前言 在【Java設計模式】系列中,LZ寫了十幾篇關於設計模式的文章,大致是關於每種設計模式的作用、寫法、優缺點、應用場景。 隨著LZ自身的成長,再加上在工作中會從事一定的架構以及底層程式碼設計的原因,在近半年的實踐中,對於設計模式的理解又有了新的認識,因此有了此文,目的
【第八章】 對ORM的支援 之 8.1 概述
8.1 概述 8.1.1 ORM框架 ORM全稱物件關係對映(Object/Relation Mapping),指將Java物件狀態自動對映到關係資料庫中的資料上,從而提供透明化的持久化支援,即把一種形式轉化為另一種形式。 物件與關係資料
【JavaScript:語法】JavaScript 事件相關
問題:JavaScript 事件的型別有哪些,即 document.addEventListener('pointerlockchange', pointerlockchange, false); 中的'pointerlockchange'的來源??? 一、事
【LCore的專欄】對知識的渴求源自人的內心,對知識的分享也發自人的本性
專欄達人 授予成功建立個人部落格專欄
【轉自網路】JS實現儲存當前網頁HTML到本地
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>網頁HTML存本地&l
【多檢視幾何】對極幾何與基本矩陣
本文未指明圖片來源為 Multiple View Geometry in Computer Vision 。 讀 Multiple View Geometry in Computer Vision 所做筆記。 第 9 章 《對極幾何與基本矩陣》,Epipol
【React Native開發】- 觸控事件處理
1.介紹 React Native提供了可以處理觸控事件的元件。觸控即點選、長按、滑動、縮放。 2.點選 處理點選操作事件,可以使用Touchable類元件,通過此類元件的onPress屬性實現點選事
【算法系列】——Java實現冒泡&&快速
/** * @Title: quickSort.java * @Package cn.xiaojia.test * @Description: * @author 賈文靜 * @date 2017年8月8日 下午5:24:54 * @version V1.0 * Up
ACM之坑&套路【轉自calabash_boy】
寫在前邊:這些梗都是敝人自己做題和比賽時曾經坑過自己的地方,特別在這裡記錄一下,所有的連結都是本部落格中的題解連結(有大致題意說明和程式碼),原題請到OJ上自行尋找。目的是提升自身姿勢。歡迎大佬們給我提出更好的建議,十分感謝。 #1:一些寫法的線段樹需要開