一加Ace2 Pro真機揭曉 鈦空灰配色質感拉滿
終于，在經過了幾波預熱之后，一加Ace2 Pro的外觀真機圖在網上出現了。還是博主數碼閑聊站曝光的，這次的外觀設計還是延續了一加11的方案，只是細節上有了調整，例如新加入了鈦空灰
大家好，我是林三心，用最通俗易懂的話講最難的知識點是我的座右銘，基礎是進階的前提是我的初心
前端之神
一位前端小菜雞，寫過100多篇原創文章，全網有5w+個前端朋友，夢想是成為”前端之神“~
261篇原創內容
公眾號
大家開發中經常會跟DOM的事件打交道，也會經常用到e.target和e.currentTarget這兩個對象，但是卻有很多人根本就不知道這兩個有什么區別~~~
當你觸發一個元素的事件的時候，該事件從該元素的祖先元素傳遞下去，此過程為捕獲，而到達此元素之后，又會向其祖先元素傳播上去，此過程為冒泡
<div id="a"> <div id="b"> <div id="c"> <div id="d">哈哈哈哈哈</div> </div> </div> </div>
addEventListener是為元素綁定事件的方法，他接收三個參數：
我們給四個div元素綁定事件，且addEventListener第三個參數不設置，則默認設置為false
const a = document.getElementById('a')const b = document.getElementById('b')const c = document.getElementById('c')const d = document.getElementById('d')a.addEventListener('click', (e) => { const { target, currentTarget } = e console.log(`target是${target.id}`) console.log(`currentTarget是${currentTarget.id}`)})b.addEventListener('click', (e) => { const { target, currentTarget } = e console.log(`target是${target.id}`) console.log(`currentTarget是${currentTarget.id}`)})c.addEventListener('click', (e) => { const { target, currentTarget } = e console.log(`target是${target.id}`) console.log(`currentTarget是${currentTarget.id}`)})d.addEventListener('click', (e) => { const { target, currentTarget } = e console.log(`target是${target.id}`) console.log(`currentTarget是${currentTarget.id}`)})現在我們點擊，看看輸出的東西，可以看出觸發的是d，而執行的元素是冒泡的順序
target是d currentTarget是dtarget是d currentTarget是ctarget是d currentTarget是btarget是d currentTarget是a我們把四個事件第三個參數都設置為true，我們看看輸出結果，可以看出觸發的是d，而執行的元素是捕獲的順序
target是d currentTarget是atarget是d currentTarget是btarget是d currentTarget是ctarget是d currentTarget是d我們可以總結出：
e.target：觸發事件的元素e.currentTarget：綁定事件的元素本文鏈接：http://m.www897cc.com/showinfo-26-81247-0.htmle.target 和 e.currentTarget 的區別？你到底知不知道？
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權所有 sitemap.xml
違法及侵權請聯系：2376512515@qq.com 津ICP備18001702號
津公網安備 12010102000574號