js(jquery)绑定点击事件
<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" οnclick="test()">test</button>
js
function test(){/* Act on the event */}
第四种
$('#test').bind('click', function() {/* Act on the event */ });
第五种
$( "#test" ).on( "click", function() {/* Act on the event*/ } );
第一种和第二种的效果是一样，可以附加多个事件处理函数，并不是只有使用jquery才能做到。 第三种方法不推荐使用，原则上HTML代码只能体现网页的结构，具体的行为应该使用javascript代码进行绑定。
除非页面上绑定事件的元素超过上万个，否则响应速度的时候就不必纠结了，只做个事件绑定还是很快的。我测试了一下，使用addEventListener绑定3000次，耗时3-4毫秒。
如果项目中统一使用jQuery的话，建议使用第一种做法，顺便还解决了IE的不兼容问题。
js(jquery)绑定点击事件相关推荐
- jQuery绑定点击事件和改变事件的几种方式以及多个元素绑定多个事件
jQuery绑定点击事件和改变事件的几种方式以及多个元素绑定多个事件 简单的html页面: <!DOCTYPE html> <html lang="en"> ...
- js按钮绑定点击事件
1.第一种 $("#btn").click(function(){操作 }) 2.第二种 document.getElementById('#foo').addEventListe ...
- jquery绑定点击事件形参_JQuery 绑定事件时传递参数的实现方法
如题,比如我想在$(":text").bind("keyup",funcionName);将当前的文本框作为参数传递给 functionName所代表的函数,应 ...
- jquery绑定点击事件形参_jquery click事件的可选参数data的作用
maven认证信息 上传至本地文件夹 test JAVA+HTML 1.采用轻量级 JApplet . import java.awt.*; import j ...
- jquery 动态按钮绑定点击事件
一.Jquery实现点击事件的四种写法 来自:https://blog.csdn.net/liutianjie/article/details/85112787 1. $(".tab&quo ...
- jquery动态渲染绑定点击事件不生效
原因:动态添加的HTML元素是在CSS,JS代码加载完成后再渲染的HTML页面.浏览器解析这些通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面时,这时绑定事件的标签元素还没有生成 ...
- jQuery动态添加按钮，绑定点击事件失效
jQuery动态添加按钮,绑定点击事件失效 因为需求需要给页面动态添加按钮并绑定点击事件进行操作, 但是发现绑定的点击事件失效. 原因分析: append中的节点是在整个文档加载完之后开始添加,因此页 ...
- jquey javascript 绑定点击事件(click事件无反应，因js获取不到当前的点击项)
问题: 如果DOM元素是动态生成的,在这种情况下为该元素绑定click时间,发现点击事件无效,设置debugger,console.log也没用 解决: juery:为目标元素的父元素,或者是整个文档 ...
- js中动态添加/插入HTML代码块，并通过JQuery动态绑定点击事件
文章目录 前言 一.场景需求还原 二.代码示例 1.引入JQuery库 2.代码示例 一:HTML中div标签部分 二:HTML中script标签部分 三:JS文件部分 总结 前言 本篇文章中讲的是在 ...
最新文章
- 网络协议OSI、TCP/IP协议、Socket套接字和第三方AsyncSock的使用等解析
- 893B. Beautiful Divisors#美丽的因子（打表法）
- ISE 14.7安装教程最新版（Win10安装）——解决Win10安装完后打不开快捷方式的方法
- 详解深度学习中的Normalization，不只是BN（2）
- 解决因删除外键引用的时候导致相应字段被删除了的问题
- more effective C++
- Ubuntu开机启动Python脚本
- javascript 代码_如何使您JavaScript代码简单易读
- 延时摄影制作软件——GlueMotion for Mac支持m1
- python读取excel(xlrd)
- 杨中科老师-C语言也能干大事链接
- 【专利提交】个人通过CPC客户端网上提交专利文稿的完整流程
- 陈丹琦 关系抽取 2020 sota
- Java网络爬虫（七）--实现定时爬取与IP代理池
- 详解傅里叶变换与拉普拉斯，Z变化的联系
- java 枚举Enum
- 元气骑士如何获得机器人成就皮肤_元气骑士：新版本皮肤上架，隐藏皮肤这样才能获得，其实很简单...
- 计算机网络——CSMA协议
- css怎么随着鼠标移动,利用CSS sprites制作随着鼠标移动的动画背景
- 20210622——Redis概述（一）