按钮绑定点击事件-onClick事件
<button type="submit" id="btn">btn</button>
1. 第一种:
$("#btn").click(function(event){}
2. 第二种:
document.getElementById('#foo').addEventListener('click', function(){});
3. 第三种:
html代码:<button type="submit" id="btn" onclick="btn()">btn</button>js代码:function btn(){}
4. 第四种:
$('#btn').bind('click', function();
5.第五种:
$("btn").on("click",function(){});
结论:
第一种和第二种的效果是一样,可以附加多个事件处理函数,并不是只有使用jquery才能做到。第三种方法不推荐使用,原则上HTML代码只能体现网页的结构,具体的行为应该使用javascript代码进行绑定。
除非页面上绑定事件的元素超过上万个,否则响应速度的时候就不必纠结了,只做个事件绑定还是很快的。我测试了一下,使用addEventListener绑定3000次,耗时3-4毫秒。
如果项目中统一使用jQuery的话,建议使用第一种做法,顺便还解决了IE的不兼容问题。
本文转自:/kye055947/article/details/79619538
如果觉得《按钮绑定点击事件-onClick事件》对你有帮助,请点赞、收藏,并留下你的观点哦!