事件源問題currentTarget

阿新 • • 發佈：2021-01-14

**問題型別：**事件冒泡的問題
**問題情景：**在一個元素中獲得他的事件源，並且獲得該事件源的屬性，結果該屬性顯示未定義

首先我們先來看一下事件冒泡的問題
```
事件冒泡指的是，在父子元素中，都含有同類型的事件，此時，事件的響應順序是從子元素開始發生的
```
如：我們只想實現觸發子元素時，響應某種事件
流程：1.子元素被單擊，事件執行完畢
2.檢視該子元素的父元素是否有單擊事件，如果有則執行，並且依次向上

<!doctypt>
<html>
	<head>
		<meta charset="utf-8" 
>
		<title>事件冒泡和事件捕獲</title>

	</head>
	<body>
		<div id="father">
			父元素
			<div id="son">
				子元素
				<div id="son-son">
					子元素的子元素
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" 
>
		let father = document.getElementById("father")
		let son = document.getElementById("son")
		let son_son = document.getElementById("son-son")

		father.onclick = function(e){
			console.log("父元素")
		}

		son.onclick = function(e){
			console.log("子元素" 
)
		}
		son_son.onclick = function(e){
			console.log("子元素的子元素")
		}
	</script>
</html>

當我們單擊“子元素的子元素”時，控制檯的執行順序時：

子元素的子元素
子元素
父元素

解決方案：為該事件新增

e.stopPropagation()

**【小結】**這個問題比較簡單，上面只是複習一下，接下來的問題是我今天編寫案例時遇到的問題

案例需求：單擊事件，獲得事件源
我的處理方法是：event.target
但是，問題是在我單擊到含有子元素的區域時，他的事件源成為了該子元素節點，因此有時候，所需要的屬性是未定義，從而導致報錯

解決方案：在列印event時，出現一個currentTarget節點,該節點和target節點用法相同，不過前者指的是繫結響應事件的父節點，後者指定是，滑鼠單擊的區域節點（因此該target是跟隨滑鼠來決定的）資訊

事件源問題currentTarget

技術標籤：js基礎問題js **問題型別：**事件冒泡的問題 **問題情景：**在一個元素中獲得他的事件源，並且獲得該事件源的屬性，結果該屬性顯示未定義

Java使用自定義註解實現為事件源繫結事件監聽器操作示例

本文例項講述了Java使用自定義註解實現為事件源繫結事件監聽器操作。分享給大家供大家參考，具體如下：

[記錄] JavaScript 中的事件(Event物件、事件源物件、事件流、事件繫結)【轉發】

event物件:什麼是event物件：用來獲取事件的詳細資訊。(如：鍵盤的狀態、滑鼠的位置、滑鼠按鈕的狀態)event物件瀏覽器相容問題：

vue事件獲取事件物件，獲取事件源，獲取當前元素，動態新增樣式

技術標籤：vue.js快跑vuejavascriptes6css3 vue事件獲取事件物件，獲取事件源，獲取當前元素

currentTarget 事件屬性

技術標籤：JavaScriptjavascriptevent 定義和用法 currentTarget 事件屬性返回其監聽器觸發事件的節點，即當前處理該事件的元素、文件或視窗。在捕獲和起泡階段，該屬性是非常有用的，因為在這兩個節點，它不同

【iOS面試糧食】UI檢視—iOS事件的傳遞機制

本文章將記錄有關 iOS事件的傳遞機制，如有錯誤歡迎指出~ iOS的事件分為3大型別

切換pip下載源

前言 pip install package-name命令會直接從官方源(pypi.python.org/pypi)安裝，速度感人，可以在安裝包時，-i加pypi源地址，也可以將pip的源地址改為國內的映象站地址，一勞永逸，速度有明顯的提升

DOM 事件模型/機制和事件委託

1，DOM級別有DOM0~4級，其中dom1級沒有定義相關事件就不是標準的dom事件，它似乎是專注於 HTML 和 XML 文件模型

SQL Server(MSSQLSERVER) 請求失敗或服務未及時響應，有關詳細資訊，請參見事件日誌或其他的適用的錯誤日誌。

轉自：www.fengjunzi.com/blog-25573.… 問題有時候sqlserver無法啟動了，原因是mssqlserver服務沒有啟動，當你手動啟動時，又出現服務無法響應的可惡錯誤提示。。。

libevent 原始碼解析-事件迴圈

最近閱讀了 libevent 的原始碼，寫一篇文章來總結自己學習到知識。使用libevent應該優先選用最新的穩定版本，而閱讀原始碼為了降低難度，我選擇了1.4的版本，也就是patches-1.4分支。讀這篇文章需要 Unix 網路程式設

Spring 面向事件驅動程式設計

談到Spring 事件驅動模型，我想大家都不陌生，事件驅動模型，通常也可以說是觀察者設計模式，對觀察者設計模式不熟悉的朋友可以看我之前寫的筆記，設計模式java語言實現之觀察者模式，在java事件驅動的支援中，Event

.NET進階篇02-Delegate委託、Event事件

知識只有經過整理才能形成技能一、概述先說下委託，委託我們也經常用到。詳盡瞭解委託是必要的，不然在非同步多執行緒的程式設計中會一頭霧水。委託本質就是一個類，和我們平常定義的類沒多大區別。只是這個類的作

Spring Boot專案中使用事件派發器模式

在專案開發中，會遇到如下情形：我們自己的服務訂閱、接收來自訊息佇列或者客戶端的事件和請求，基於不同的事件採取對應的行動，這種情況下適合應用派發器模式。

Redis 事件機制詳解

Redis 採用事件驅動機制來處理大量的網路IO。它並沒有使用 libevent 或者 libev 這樣的成熟開源方案，而是自己實現一個非常簡潔的事件驅動庫 ae_event。

spring的事件機制實戰

理論在分散式場景下，實現同步轉非同步的方式有三種方式：1.非同步執行緒池執行；比如藉助@Asyn註解，放到spring自帶的執行緒池中去執行；2.放到訊息佇列中，在消費者的程式碼中非同步的消費，執行相關的邏輯；3.

java中介面和事件監聽器的深入理解

一：介面介面在我們生活中無處不在，通過一個usb介面，我們可以通過u盤傳輸資料，這個介面是被定義過的，只有指定的型別能夠使用這個介面，且通過這個介面我們傳輸的資料不會被破壞。

iOS 中事件的響應鏈和傳遞鏈

iOS事件鏈有兩條：事件的響應鏈；Hit-Testing事件的傳遞鏈響應鏈：由離使用者最近的view向系統傳遞。initial view –> super view –> ….. –> view controller –> window –> Application –>

Android物理鍵盤事件解析

前言 Android裝置連線物理鍵盤其實是個挺小眾的需求，其實Android裝置本身就是支援物理鍵盤，dispatchKeyEvent()這個方法就可以監聽物理鍵盤，這裡提供一個封裝的類，解析鍵盤事件。有很多事件，具體可以去看KeyEven

flutter 中監聽滑動事件

在移動端，各個平臺或 UI 系統的原始指標事件模型基本都是一致，即：一次完整的事件分為三個階段：手指按下、手指移動、和手指抬起，而更高級別的手勢（如點選、雙擊、拖動等）都是基於這些原始事件的。

SpringMVC Mybatis配置多個數據源並切換程式碼詳解

這篇文章主要介紹了SpringMVC Mybatis配置多個數據源並切換程式碼詳解,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

事件源問題currentTarget

相關推薦