例如以下标签：
一、使用jquery进行绑定
$('#btn_submit').click(function(){});
二、使用原生js绑定，（注意：Internet Explorer 8 及更早IE版本不支持 addEventListener() 方法，Opera 7.0 及 Opera 更早版本也不支持。 这类浏览器版本要使用 attachEvent() 方法来添加事件）
document.getElementById("#btn_submit").addEventListener(‘click’, function(){}, false);
补充：addEventListener的第三个参数是用于决定事件模型的，当父元素和子元素都绑定了事件时，这个参数决定先触发哪个事件，false为冒泡事件模型：即子元素绑定的事件先响应，父元素绑定的事件后相应，true问捕获事件模型，与冒泡事件模型执行顺序相反，如：
立即学习“前端免费学习笔记（深入）”；
document.getElementById('test_p').addEventListener('click', function () { console.log('p'); },true) document.getElementById('test_button').addEventListener('click', function(){ console.log('test1'); },false);
这个例子的事件模型是捕获模型，会先执行p的事件再执行button的事件，这里有个需要注意的地方：决定事件模型的是父元素绑定事件时传的第三个参数，如上例中button绑定事件时传的第三个参数是不起作用的，除非它又包含了子元素。
三、直接在button标签中使用onclick绑定
然后在标签中定义btnAtion的方法
function btnAction() { }
比较：
1、使用jquery绑定，代码简洁，使用方便，事件绑定方式为追加绑定，即绑定多少个方法就执行多少个方法。
在单一绑定的条件下，由于jQuery底层其实也是js实现，所以速度区别并不大。至少“绑定”这个环节并不会成为
速度的瓶颈，除非页面上绑定事件的元素超过上万个，否则响应速度就不必纠结了，只做个事件绑定还是很快的。
所以在做负载等要求不那么严格的“小程序”，从维护的角度上，建议用jQuery绑定，简单清楚，最容易维护。
2、使用原生js与jquery相比的话代码量稍大，但是能让人进一步了解事件绑定的细节，对于熟悉原生js的开发者来说是值得推荐的。
3、使用onclick标签绑定，代码量不大，但是html前端和js前端混在一起，不易于维护。
原则上HTML代码只能体现网页的结构，具体的行为应该使用javascript代码进行绑定。
如果在HTML中用onclick事件混杂js，会导致html前端和js前端的工作混在了一起，难以分离工作任务，
进而难以维护。这种做法临时调试可以，但如果正式成品中不应该出现，
所以不建议使用onclick标签方式进行绑定事件。
以上就是html中绑定点击事件的几种方法介绍的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1544878.html
微信扫一扫 
支付宝扫一扫 
