原生JavaScript 觸發事件表

addEventListener這個API是如何使用

addEventListener

有三個參數可以使用，用法如下:

element.addEventListener('觸發事件',function(){
  ...
},option)

第二個參數

說明第二個參數，事件觸發後執行的程式碼，通常是函式

element.addEventListener('click',hello) //點擊元素後會觸發hi函式
function hi(){
console.log('hello')
}

第三個參數

element.addEventListener('事件',function(){
  // do Something
},{
  once: true,
  passive: true,
  capture: true
})

once

如果有設定此參數的話代表這個addEventListener只能被觸發一次

passive

設定成true的話，表示event.preventDefault()這個方法不會被呼叫，如果在addEventListener一樣有寫這個方法的話會忽略掉並且在console出現警告訊息

capture

就是原本的捕獲或冒泡機制，true表示使用事件捕獲，false則為事件冒泡

儲存用