js按鈕繫結點選事件
https://blog.csdn.net/zy_whynot/article/details/104010450

1、第一種

$("#btn").click(function(){
	操作
})

• 1
• 2
• 3

2、第二種

document.getElementById('#foo').addEventListener('click', function(){});

• 1

3、第三種
（1）繫結

<button type="submit" id="btn" οnclick="btn()">btn</button>

• 1

（2）事件

function btn(){
	...
}

• 1
• 2
• 3

4、第四種

$('#btn').bind('click', function();

• 1

5、第五種

$("btn").on("click",function(){});

• 1

結論：

第一種和第二種的效果是一樣，可以附加多個事件處理函式，並不是只有使用jquery才能做到。

第三種方法不推薦使用，原則上HTML程式碼只能體現網頁的結構，具體的行為應該使用javascript程式碼進行繫結。

除非頁面上繫結事件的元素超過上萬個，否則響應速度的時候就不必糾結了，只做個事件繫結還是很快的。我測試了一下，使用addEventListener

如果專案中統一使用jQuery的話，建議使用第一種做法，順便還解決了IE的不相容問題。

個人喜歡用第一種和第三種，清晰！！！