---
# System prepended metadata

title: 2. 監聽事件，addEventListener
tags: [JavaScript - event 事件]

---

# 2. 監聽事件，addEventListener

- addEventListener 監聽事件之寫法：

```
// 首先建立一個按鈕:

<input type="button" value="按鈕" class="btn">
```

```
// 事件監聽：

var el = document.querySelector('.btn');


// '執行的事件類型' '事件內容--函式' '布林 false or true'

el.addEventListener('click', function (e) {
    console.log('click ok!'); // 回傳訊息來確認是否成功執行！
}, false)


// 回傳結果： click ok!
```

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


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