---
# System prepended metadata

title: 1. event 物件，告知你當下的事件
tags: [JavaScript - event 事件]

---

# 1. event 物件，告知你當下的事件

### fuction，onclick 事件：

- HTML:
  
  要產生 onclick 事件，最簡單的案例就是產生一個按鈕來實測


```
<input type="button" value="onclick" class="btn">
```

- JavaScript:

```
// querySelector 選擇指定的 dom:

var el = document.querySelector('.btn');
```
```
// 指定 dom，並且掛上 onclick = 函式執行下列事件：

el.onclick = function (e) {
    console.log(e);
    console.log('已正確被執行');
}

// (e) - 代表是此 event 的一個參數，當您點擊了此按鈕，則會觸發以下內容
```



---

- 可以發現 console 會回傳一大堆的訊息，這些都是關於執行此事件當下所產生的數值，這些東西能夠有蛇麼做用呢？

![](https://i.imgur.com/uETuCYC.png)




- 例如在開發系統時，有時候我們可能需要知道使用者有沒有去按下什麼按鈕，藉由這樣的判讀設定，例如使用者按下右鍵 + command 會顯示什麼結果，這些就是- 參數()存在的用意



###### tags: `JavaScript - event 事件`