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

• 当任何的事件发生时，浏览器就会为这个事件创造一个物件，我们称为事件物件(Event object)。它会提供与当前事件相关的所有资讯，依照事件类型的不同，会带有不同的资料。如滑鼠点击的位置、按下键盘的哪个按键等。
• 如果该事件有注册事件处理器(Event Handler)，则会把事件物件当成第一个参数丢给事件处理器处理。

如下范例，我们透过addEventListener()注册一个事件处理器，并在网页任何地方点击滑鼠，即会console.log下面结果:

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

// 点击网页任意位置:
// 718, 220 
// 792, 215
// 685, 214