[Day21] JavaScript - Event object (事件物件) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2021 iThome 鐵人賽

DAY 21

Modern Web

[Day21] JavaScript - Event object (事件物件)

13th鐵人賽

1216 瀏覽

當任何的事件發生時，瀏覽器就會為這個事件創造一個物件，我們稱為事件物件(Event object)。它會提供與當前事件相關的所有資訊，依照事件類型的不同，會帶有不同的資料。如滑鼠點擊的位置、按下鍵盤的哪個按鍵等。
如果該事件有註冊事件處理器(Event Handler)，則會把事件物件當成第一個參數丟給事件處理器處理。

如下範例，我們透過addEventListener()註冊一個事件處理器，並在網頁任何地方點擊滑鼠，即會console.log下面結果:

document.addEventListener("click", function(e){
    console.log(`${e.clientX}, ${e.clientY}`)
})

// 點擊網頁任意位置:
// 718, 220 
// 792, 215
// 685, 214

系列文

JavaScript 基礎修練共 30 篇

9 人訂閱

完整目錄

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入留言

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

IT邦幫忙