对按钮点击事件的总结

对按钮的总结：给按钮添加绑定事件：

<button type =“submit”id =“btn”> btn </ button>

第一种：
$（“＃btn”）。click（function（event）{

第二种：
document.getElementById（\'＃foo\'）。addEventListener（\'click\'，function（）{
}）;

第三种：
html代码：
<button type =“submit”id =“btn” =“btn（）”> btn </ button>
js代码：
function btn（）{

}

第四种：
$（\'＃btn\'）。bind（\'click\'，function（）;

第五种：
$（“btn”）。on（“click”，function（）{}）;
结论：
第一种和第二种的效果是一样，可以附加多个事件处理函数，并不是只有使用jquery才能做到。第三种方法不推荐使用，原则上HTML代码只能体现网页的结构，具体的行为应该使用 代码进行绑定。

除非页面上绑定事件的元素超过上万个，否则响应速度的时候就不必纠结了，只做个事件绑定还是很快的。我测试了一下，使用的addEventListener绑定3000次，耗时3- 4毫秒。

如果项目中统一使用jQuery的话，建议使用第一种做法，顺便还解决了IE的不兼容问题
。--------------------- 
作者：StromRui 
来源：CSDN 
原文：HTTPS：//blog.csdn.net/kye055947/article/details/79619538 
版权声明：本文为博主原创文章，转载请附上博文链接！