# 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 會回傳一大堆的訊息，這些都是關於執行此事件當下所產生的數值，這些東西能夠有蛇麼做用呢？


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

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