jquery on（）事件

最新推荐文章于 2022-11-11 22:18:05 发布
最新推荐文章于 2022-11-11 22:18:05 发布
阅读量465 收藏
点赞数
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33352505/article/details/51967281
版权

jquery的绑定事件是会遍历已经存在的元素，然后对其进行事件绑定。因此这样就导致了一个问题，对于动态添加的元素原本写好的jquery的事件无法对其进行绑定。那么解决方案就是on（）事件，它分为多种状态，下面罗列了其支持的事件委托：

blur
focus
focusin
focusout
load
resize
scroll
unload
click
dblclick
mousedown
mouseup
mousemove
mouseover
mouseout
mouseenter
mouseleave
change
select
submit
keydown
keypress
keyup
error
contextmenu


qq_33352505
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery中的on事件
DavidZhao的博客
01-31 2013
on(events,[selector],[data],fn) 概述 在选择元素上绑定一个或多个事件的事件处理函数。   on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。在jQuery 1.7中，.on()方法 提供绑定事件处理程序所需的所有功能。帮助从旧的jQuery事件方法转换，see .bind(), .delegate(), 和 .live(). 要删除的.o...
jQuery on()方法
weixin_30765577的博客
02-12 439
jQuery on()方法是官方推荐的绑定事件的一个方法。 $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() 　　$("p").bind("click",function(){ 　　　　alert("The paragraph was clicked."); 　　}); ...
jQuery 的事件方法 .on()
segclliwf的博客
12-18 1666
jQuery .on()是常用的方法，它類似于JavaScript 的addEventListener方法，可以監聽處理所有的事件。 一. 使用方法 步驟1：使用選擇器建立 jQuery 選取集合； 步驟2：使用on()指定事件名稱和處理函數。 例如：$(“li”).on(“click”,function(){ $(this).addClass(“completed”); }); 二.例子 .on(events[,seletor][,data],function(e){…}) 例子： $(“ul”).on(
Jquery 【on事件】
annao6693的博客
06-15 383
一.on事件的定义和用法 on() 方法在被选元素及子元素上添加一个或多个事件处理程序。 自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利，我们推荐使用该方法，它简化了 jQuery 代码库。 注意：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元...
javascript中的页面事件
weixin_38166686的博客
11-17 206
onactivate 当对象设置为活动元素时触发。 onafterprint 对象所关联的文档打印或打印预览后立即在对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即触发。 onb...
jquery on 方法事件表.txt
07-15
jquery on方法支持事件明细，
JQuery的ON()方法支持的所有事件罗列
01-19
自从jQuery添加了on()和off()方法之后，基本跟事件有关的操作我不会再使用其他诸如$(‘xxx’).click(function(){});之类的了。 不过jQuery的api里面没有说on里面到底可以绑定多少个事件，今天看jQuery1.8.3的源码...
Jquery on方法绑定事件后执行多次的解决方法
10-22
下面小编就为大家带来一篇Jquery on方法绑定事件后执行多次的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jquery.onoff
05-23
jQuery.onoff插件支持绑定事件监听，让我们能够响应用户操作。例如，可以使用`change`事件监听开关状态的变化： ```javascript $("#mySwitch").on('change', function() { if ($(this).is(':checked')) { console...
jQuery事件绑定on()与弹窗实现代码
10-22
`on()`方法是jQuery事件绑定的主要方式，尤其在处理动态生成元素的事件绑定时显得尤为重要。本文将深入探讨jQuery的`on()`方法以及如何利用它来实现弹窗的交互效果。 首先，`on()`方法是用来替代早期的`bind()`, `...
jq事件绑定：on事件、off事件、方法函数、one事件
YY的博客
11-11 2121
click（）、mouseover（）、mouseout（）、blur（）、change（）
【jQuery】jQuery操作之如何绑定事件_05
青春木鱼的博客
07-13 1042
在jQuery中，实现事件绑定有两种方式，一种是通过事件方法进行绑定(仅限常用事件)，另一种是通过on()方法进行绑定(标准)。jQuery的事件和DOM中的事件相比，省略了开头的“on”，如jQuery中的click()对应DOM中的onclick。并且，jQuery的事件方法允许为一个事件绑定多个事件处理函数，只需多次调用事件方法，传入不同的函数即可。...............
jquery 的on事件用法
海涛高软
10-15 500
通过通过选择器字符串来过滤匹配元素的子元素中哪些可以响应绑定的事件。代码中，类名为children的元素和它的子元素可以调用绑定的事件。 <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>脚本之家</title>
jquery on()绑定事件无效
u013584303的博客
09-20 1792
需要追溯到本身$('dom').on("click","li",function(){})  
jQuery新的事件绑定机制on()
热门推荐
BorisHuai前端修炼
10-26 1万+
今天浏览jQuery的deprecated列表，发现live()和die()在里面了，赶紧看了一下，发现从jQuery1.7开始，jQuery引入了全新的事件绑定机制，on()和off()两个函数统一处理事件绑定。因为在此之前有bind(), live(), delegate()等方法来处理事件绑定，jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法。
jQuery事件中on实现绑定多个事件
极客神殿
04-06 8384
相信大家都知道在jQuery1.9版本中，已经去掉了live和delegate方法，从而将on方法的地位进一步提升。 jQuery如此推崇on方法，必有其独到的地方。所以我们就有必要了解这个on，并在代码中利用它，从而优化代码和提高性能。那么接下来我们就来看看on的使用方法 一、使用on进行普通事件绑定 1.1使用on绑定一个事件 语法结构： jq对象.on(“事件类型”,”事件处理函数”) 1....
jquery on绑定多个事件
吃瓜群众的博客
12-22 7540
一、jquery为多个选择器绑定同一个事件 $("#start,#end").on("click",function(){ 　　　　alert("The paragraph was clicked."); }); 二、多个事件绑定同一个函数 $("p").on("mouseover mouseout",function(){ $("p").togg
Html onclick作用域,行内onclick使用遇坑--------作用域与传入字符串
weixin_40006185的博客
06-21 700
问题一：行内onclick触发的函数放在$(funtion(){})内报错，错误代码如下：$(function(){function say(){alert(123);}})运行之后报错：say is not defined$(function{})的作用类似于window.onload,都是网页加载完成在执行相应的代码。删去$(function(){})之后程序运行正常，看来$(function...
jQuery中的on方法
fun
10-13 7461
在jQuery的1.7+的版本之中，原来的live方法被去除了，那么怎么做到live方法的一样的绑定时间的效果呢？答案就是on方法，on 方法有怎么去使用呢？1. on 给已经在dom 中的元素绑定事件jQuery的文档里面已经给出示例了,先看看on方法的完整的形态： on(events,[selector],[data],fn) 参数：events,[selector],[data],
jQuery和使用oninput事件
最新发布
05-17
例如，以下代码演示了如何使用jQuery绑定oninput事件： ```javascript $('#myInput').on('input', function() { console.log('Input changed!'); }); ``` 上面的代码会在id为“myInput”的文本框中输入文本时触发...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值