您的位置：首页 > 其它

按钮点击事件绑定--onClick事件

2018-03-19 23:32 295 查看

例子：给按钮添加绑定事件：<button type="submit" id="btn">btn</button>

第一种:

$("#btn").click(function(event){

第二种:

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

第三种:

html代码： <button type="submit" id="btn" onclick="btn()">btn</button>js代码： function btn(){ }

第四种:

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

第五种:

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

结论：

第一种和第二种的效果是一样，可以附加多个事件处理函数，并不是只有使用jquery才能做到。第三种方法不推荐使用，原则上HTML代码只能体现网页的结构，具体的行为应该使用javascript代码进行绑定。除非页面上绑定事件的元素超过上万个，否则响应速度的时候就不必纠结了，只做个事件绑定还是很快的。我测试了一下，使用addEventListener绑定3000次，耗时3-4毫秒。如果项目中统一使用jQuery的话，建议使用第一种做法，顺便还解决了IE的不兼容问题。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 按钮 onClick bind on

相关文章推荐

新的分享

章节导航