js(jquery)绑定点击事件
来源:互联网 发布:淘宝招牌图片尺寸 编辑:程序博客网 时间:2024/05/01 08:28
<button type="submit" id="test">test</button>
第一种
$("#test").click(function(event) {
/* Act on the event */});
第二种
document.getElementById('#foo').addEventListener('click', function() {
/* Act on the event */}, false);
第三种
html
<button type="submit" id="test" onclick="test()">test</button>
js
function test(){/* Act on the event */}
第一种和第二种的效果是一样,可以附加多个事件处理函数,并不是只有使用jquery才能做到。 第三种方法不推荐使用,原则上HTML代码只能体现网页的结构,具体的行为应该使用javascript代码进行绑定。
除非页面上绑定事件的元素超过上万个,否则响应速度的时候就不必纠结了,只做个事件绑定还是很快的。我测试了一下,使用addEventListener绑定3000次,耗时3-4毫秒。
如果项目中统一使用jQuery的话,建议使用第一种做法,顺便还解决了IE的不兼容问题。
0 0
- js(jquery)绑定点击事件
- js(jquery)绑定点击事件
- jQuery回车键绑定点击事件
- JS 和Jquery 绑定事件
- JQUERY显示隐藏的点击绑定事件
- jquery on 动态绑定点击事件
- jquery 绑定点击事件 多次执行问题
- jQuery 绑定点击事件执行自定义函数
- jquery on() 给js动态新添加的元素 绑定的点击事件。
- js(jquery)的on绑定点击事件执行两次的解决办法
- js实现快捷键绑定按钮点击事件
- jQuery绑定和解绑点击事件及重复绑定解决办法
- 【jQuery】绑定和解绑点击事件及重复绑定解决办法
- jQuery绑定和解绑点击事件及重复绑定解决办法
- jQuery绑定和解绑点击事件及重复绑定解决办法
- jquery 绑定点击事件 出现点击多次问题
- JS打印页面绑定事件和点击事件
- jquery和js绑定事件的不同
- 页面跳转 重定向(工作中遇到的问题)
- Java字符编码的转化问题
- CentOS系统下docker的安装配置及使用详解
- Jquery单选树
- linux之sed用法
- js(jquery)绑定点击事件
- MD5加密
- LoadRunner - 调用外部DLL的点点滴滴
- Html5学习第一天
- PyQt之玩转signal(信号)与slot(槽)二:添加自定义槽
- Windows下编译fast rcnn
- FastJson字段解析问题
- 反射判断成员变量是否静态,并获得其静态成员的值
- URI URL URN的区别