最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

    
      
        
          哈哈哈哈哈

addEventListener

??addEventListener??是為元素綁定事件的方法，他接收三個參數(shù)：

• false：默認(rèn)，代表冒泡時綁定
• true：代表捕獲時綁定

• 第一個參數(shù)：綁定的事件名
• 第二個參數(shù)：執(zhí)行的函數(shù)
• 第三個參數(shù)：

target & currentTarget

false

我們給四個div元素綁定事件，且??addEventListener??第三個參數(shù)不設(shè)置，則默認(rèn)設(shè)置為??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}`)
})

現(xiàn)在我們點(diǎn)擊，看看輸出的東西，可以看出觸發(fā)的是d，而執(zhí)行的元素是冒泡的順序

target是d currentTarget是d
target是d currentTarget是c
target是d currentTarget是b
target是d currentTarget是a

true

我們把四個事件第三個參數(shù)都設(shè)置為??true??，我們看看輸出結(jié)果，可以看出觸發(fā)的是d，而執(zhí)行的元素是捕獲的順序

target是d currentTarget是a
target是d currentTarget是b
target是d currentTarget是c
target是d currentTarget是d

區(qū)別

我們可以總結(jié)出：

• ??e.target??：觸發(fā)事件的元素
• ??e.currentTarget??：綁定事件的元素