iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 23
0
自我挑戰組

前端工程師的30份套餐系列 第 23

Day23-事件處理

  • 分享至 

  • xImage
  •  

JavaScript是一個以事件驅動(Event-driven)的程式語言。事件驅動程式設計的主要流程,是由圖形化使用者操作介面(UI)的互動事件為主要核心,藉由事件的觸發動作(滑鼠點按、鍵盤輸入等等)或是感應器的訊息,來啟動整體的程式流程。

EventTarget物件

W3C標準中對於EventListener也有定義它是一個介面,作為事件監聽者之用,不過JavaScript語言在所有的函式中都有實作這個介面,所以事件監聽者在呼叫handleEvent(處理事件)方法時,相當於呼叫函式。EventListener(事件監聽者)或稱為事件處理函式,可以自動得到事件傳入參數值,以此可以存取得到事件的屬性與方法,例如以下的範例:

const me = document.getElementById('me')

me.addEventListener('click',
    function(e){
      console.log(e.currentTarget)
      console.log(e.target)
      console.log(e.type)
      console.log(e.bubbles)
      console.log(e.cancelable)
      e.stopPropagation()
    },
    false)

上一篇
Day22-Pure Function
下一篇
Day24-原型基礎物件導向
系列文
前端工程師的30份套餐30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言