js的onclick和jq的click以及on和bind的区别

最新推荐文章于 2021-03-02 23:19:30 发布

转载最新推荐文章于 2021-03-02 23:19:30 发布 · 538 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/loveMis/p/9569468.html

本文详细解析了onclick、click、bind及on四种事件绑定方式的特点与应用场景。onclick和click用于静态绑定点击事件；bind可同时绑定多种事件如click和onmouseover；on则适用于动态绑定事件，页面加载完成后即可调用。

onclick和click，只能静态绑定点击事件；bind的可以一次绑定多个事件（click/onmouseover等）；on可以动态的绑定事件，当页面加载完成调用on即可

转载于:https://www.cnblogs.com/loveMis/p/9569468.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aozhang1070

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

03-jQuery-事件绑定【click() 、on()】、事件切换toggle()、事件方法、样式控制

记录java学习日常~

05-20

1万+

on() 方法是 jQuery 中最常用且最通用的事件绑定方法，可以绑定多个事件类型，并为每个事件类型指定一个或多个处理程序。click() 方法是一种简洁的事件绑定方法，只能绑定 click 事件，并且只允许绑定一个处理程序，无法为同一个元素绑定多个处理程序。off() 方法用于移除之前绑定的事件处理程序，它需要传递一个或多个事件类型参数，并为这些事件类型制定要移除的处理程序。jQuery 事件绑定中，on() 方法用于为元素添加事件处理程序，off() 方法则用于移除绑定的事件处理程序。

关于 onclick 与 bind ‘click’ 的讨论

03-31

NULL 博文链接：https://ztreeapi.iteye.com/blog/1343711

参与评论您还未登录，请先登录后发表或查看评论

js click与onclick事件绑定，触发与解绑

Gary Leong

07-04

7707

click 与 onclick 1.onclick 事件会在对象被点击时发生。 <input id="btn1" type="button" onclick="test();" /> function test() { alert("我是行间事件"); } 当点击id="btn1"时,触发onclick事件。 2.onclick事件会在click事件之前执行 <inpu...

JavaScript(14) jquery三种点击事件(click、on、bind)

郑清

11-06

1万+

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>添加点击事件</title> <script type="text/javascript" src="js/jquery/jquery-1.11.2.js"></scr...

js事件的绑定及bind函数

weixin_43799793的博客

03-02

521

js事件的绑定bind函数方式一对象 . 事件 = 函数的形式绑定响应函数只能同时为一个元素的同一个事件绑定一个响应函数 btn1.onclick = function(){ alert(1); } 方式二 addEventListener() ,不支持IE8及以下浏览器，用attachEvent代替 btn1.addEventListener("click" , function(){ alert(1)； }，false ）兼容方案

关于js中的onclick事件和JQuery中的click方法以及on方法事件的详解以及区别

热门推荐

王金龙

07-03

4万+

jquey事件处理

IE8的JavaScript点击事件(onclick)不兼容的解决方法

10-26

`eval`函数将字符串`js`作为JavaScript代码执行，从而触发对应的功能。由于`eval`的使用并不是最佳实践，更好的替代方案是使用现代JavaScript的事件委托或者动态创建带有正确事件处理器的函数。例如，可以使用纯...

JQuery调用绑定click事件的3种写法

01-19

$('#clickmebind').bind(click, function(){ alert(Hello World bind); }); 第三种方式： $('#clickmeon').on('click', function(){ alert(Hello World on); }); }); 注意：第三种方式只...

JQuery中Bind()事件用法分析

10-24

值得注意的是，jQuery中的事件方法通常是JavaScript事件前加上`on`，例如`onClick`、`onmouseover`，但在`bind()`方法中直接使用不带`on`的事件名即可。 `eventData`是可选参数，用于传递额外的数据给事件处理函数...

js和jquery批量绑定事件传参数一(新猪猪原创)

12-03

在JavaScript和jQuery中，批量绑定事件并传递参数是一项常见的需求，特别是在处理多个相似元素时，如本例中的多个按钮。这个场景中，我们看到的是如何为一组按钮元素（id分别为btn1、btn2、btn3）批量绑定点击事件，...

JS JQ 事件绑定与多事件处理 onclick、bind、unbind

as75942688的博客

01-03

3485

工作需要，研究了一下时间绑定的事，这里拿点击事件为例，从 onclick属性，jquery的bind函数以及unbind函数做了一些测试（谷歌浏览器）顺便记录一下测试结果 onclick属性： 1、直接在DOM文档中添加 onclick属性，单一属性可以加多个函数，用逗号隔开，如果有多个onclick属性则只识别第一个，后面的都无效 2、jquery的unbind函数无法解绑on

js事件绑定的几种方式与on()、bind()的区别

2012013977的博客

09-11

2万+

js事件绑定的几种方式与on()、bind()的区别

js中onclick事件,可以调用两个方法吗?

wwf1225的博客

05-24

1万+

js中onclick事件,可以调用两个方法吗? 用分号隔开即可，比如 function a(){ alert(1); } function b(){ alert(2); } <input type="button" onclick="a();b();" value="ab"/>

addEventListener、onclick和jquery的bind()、click()

weixin_34241036的博客

08-24

640

addEventListener("click",function(event){},false); removeEventListener("click",function(event){},false); 1 target.addEventListener(type, listener, options); 2 target.addEventListener(type, listen...

react的onClick执行函数和bind（this）问题 this指向

qlin_11的博客

06-07

5653

HTML 通常写法是： <button onclick="activateLasers()"> 激活按钮 </button> React 中写法为： <button onClick={activateLasers}> 激活按钮 </button> 看以上会发现react传入的是函数名，不加（），如果加了会直接执行。关于bind 1当你使...

onclick和click的用法实例

yg94web的博客

10-31

1745

jQuery中的onclick和click的用法和区别代码如下，清晰明了 <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <title>6666</title> <script src="js/jquery.js"></script> <script> $(function

jquery: click()与bind('click')的区别

textboy的专栏

05-06

2471

From http://www.cnblogs.com/zagelover/articles/2840762.html 总体一样，但bind的适用面更广，可以传参，e.g. var message = "right"; $("a").bind("contextmenu", function() { alert(message); return false; });

CheesyFabric_deepdive_analyst_7984_1764666209192.zip