今天在敲程式碼的時候遇到的問題，剛好有空。就記了下來。

首先，我們應該知道，在繫結事件的時候有三種方法。

拿最簡單的click舉例說明下。第一種，直接在html中，使用onclick；第二種，在js程式碼中使用元素.click來呼叫；第三種就是事件元素.addEventListener()來呼叫。

那麼他們的區別在哪呢？

<div class="test">
這是一段測試使用程式碼
</div>

 window.onload = function () {
        var box = document.getElementsByClassName('test')[0];

        box.onclick = function () {
            console.log('點選事件1');
        };
        box.onclick = function () {
            console.log('點選事件2');
        };

        //點選事件2
    }
 

window.onload = function () {
        var box = document.getElementsByClassName('test')[0];

        box.addEventListener('click',function () {
            console.log('點選事件1');
        });
        box.addEventListener('click',function () {
            console.log('點選事件2');
        });
        //點選事件1 
        //點選事件2
    }
 

關於addEventListener還有第三個引數，如下