addEventListener - 事件監聽

.addEventListener是另一種「事件綁定」的方法，又稱為「事件監聽」–> 是較推薦的作法

作法如下：

我有一顆按鈕

html:

<input type="button" class="btn" value="點擊">

JS:

🎃 指定 DOM 元素： var el = document.querySelector('.btn');

🎃 .addEventListener總共要帶入「三個參數」：

🍋 第一個參數：選擇事件 'click'

🍋 第二個參數：帶入匿名的function(e){}

🍋 第三個參數：false

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

                // 選擇事件, 帶入匿名的function, false
el.addEventListener('click',function(e){},false);

🎃 .addEventListener會去「監聽」元素是否有執行'click'的動作

🎃 接下來，就可以在function內，寫入內容了

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

                // 選擇事件, 帶入匿名的function, false
el.addEventListener('click',function(e){
    alert('hello');
},false);

點擊按鈕，就會跳出 alert 了