js按钮绑定点击事件

1、第一种

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

2、第二种

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

3、第三种
（1）绑定

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

（2）事件

function btn(){...
}

4、第四种

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

5、第五种

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

结论：

第一种和第二种的效果是一样，可以附加多个事件处理函数，并不是只有使用jquery才能做到。

第三种方法不推荐使用，原则上HTML代码只能体现网页的结构，具体的行为应该使用javascript代码进行绑定。

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

如果项目中统一使用jQuery的话，建议使用第一种做法，顺便还解决了IE的不兼容问题。

个人喜欢用第一种和第三种，清晰！！！

js按钮绑定点击事件相关推荐

JavaScript给按钮绑定点击事件（onclick）的方法及js常见事件
本文实例讲述了JavaScript给按钮绑定点击事件(onclick)的方法.分享给大家供大家参考.具体分析如下: 我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 <!D ...
【JavaScript】按钮绑定点击事件-onCliek事件
[JavaScript]按钮绑定点击事件-onCliek事件 <button type="submit" id="btn">btn</butt ...
按钮绑定点击事件-onClick事件
按钮绑定点击事件-onClick事件 <button type="submit" id="btn">btn</button> 1. 第一 ...
jquery 动态按钮绑定点击事件
一.Jquery实现点击事件的四种写法来自:https://blog.csdn.net/liutianjie/article/details/85112787 1. $(".tab&quo ...
html按钮绑定点击事件无效,jquery添加的html元素按钮为何不执行类样式绑定的click事件...
代码举例:jquery 更多按钮:ajax json 点击按钮添加一行文本框和"提交"按钮:(没有问题,能够正常添加)服务器 $(".addMore").cli ...
JS中绑定事件的5种方式——以按钮绑定点击事件为例
按钮 <button type="submit" id="btn">btn</button> 1. 第一种: $("#btn& ...
js(jquery)绑定点击事件
<button type="submit" id="test">test</button> 第一种 $("#test" ...
javascript动态生成按钮并绑定点击事件
前一个多月公司的前端开发人员离职,公司一直在招前端,基本上每天都有几个来面试的人,就这个面试频率,也才招了一个多月才招到.绝大部分都是死在了一道上机面试提上.题目很基础,但也很考基本功,基本上才3%左 ...
[Swift]最强UIButton解析 | #selector()绑定点击事件
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ➤微信公众号:山青咏芝(shanqingyongzhi) ➤博客园地址:山青咏芝(https://www.cnblog ...

js按钮绑定点击事件

js按钮绑定点击事件相关推荐

最新文章

热门文章