jQuery中on()和click()在冒泡中运用的对比

最新推荐文章于 2022-08-23 15:29:13 发布
VIP文章 最新推荐文章于 2022-08-23 15:29:13 发布
阅读量477 收藏
点赞数
分类专栏： 前端 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44801336/article/details/104649748
版权

什么是冒泡事件

转载其他博客对冒泡事件理解

click()事件的运用到冒泡事件中

在这个情况下this不能使用，因为它指向window。并且每次要判断是否是需要的元素。

$("#list").click(function(e){
   
		let $img=$(e.target)
最低0.47元/天 解锁文章
qq_44801336
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery中on绑定事件后引发的事件冒泡问题如何解决
10-22
主要介绍了jQuery中on绑定事件后引发的事件冒泡问题及解决办法，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧
事件冒泡
Shaun's blog
08-08 399
什么是事件冒泡 :在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。事件冒泡的作用 :事件冒泡允许多个
JQuery DOM 事件冒泡
weixin_33768481的博客
08-20 89
为什么80%的码农都做不了架构师？>>> ...
jQuery 事件冒泡
weixin_30340353的博客
03-18 88
1 . 什么是冒泡 在页面上可以有多个事件，也可以多个元素响应同一个事件。假设网页上有两个元素，其中一个元素嵌套在另一个元素里，并且都被绑定了 click 事件，同时<body>元素上也绑定了 click 事件。完整代码如下： <script type="text/javascript"> $(function(){ // 为span元素绑定click事...
jQuery中on()和click()区别
Kevinvcc200的博客
03-21 539
前言 click()属于静态加载，当页面加载完，就不在为新增加的元素添加点击事件。 on()属于动态加载，当页面加载完，可以为新增加的元素添加事件。但是必须选定负级元素。 运用 如果想使用on()动态加载事件，记得一定要选择父级元素，否则没有效果，只会作用于本事。 <html> <head> <script type="...
基于jquery的on和click的区别详解
10-18
下面小编就为大家分享一篇基于jquery的on和click的区别详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
深入理解jQuery中的事件冒泡
10-22
下面小编就为大家带来一篇深入理解jQuery中的事件冒泡。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
关于jquery中用on绑定事件后的事件冒泡问题
热门推荐
z69183787的专栏
12-17 1万+
用on绑定时，我把子元素的 绑定到 document，而把父元素绑定到上级元素，导致 return false 阻止冒泡无效。 事件冒泡 $(function () { $(document).on("click","#p1",function(e){ console
jQuery事件冒泡
plx的IT路
09-15 1131
事件冒泡就是当父元素和子元素存在同一事件时在子元素的事件处理程序中会自动调用其父级元素的事件处理程序。 example: &lt;!DOCTYPE html&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/ht...
jquery之on()和click()的本质区别
cyyy1223的博客
12-13 3454
on()绑定事件和click()绑定事件的区别，可以用on()事件进行事件委托
jQuery（二）--事件、on/off、事件冒泡和默认行为、事件自动触发、click、dbclick、mouseenter...、bind、one...
小白小白从不日别的博客
05-01 904
jQuery事件监听 1.事件 jQuery对象采用打点调用方法，所以在jQuery中给元素添加监听的语法为：$("选择器").click(function () {}); jQuery方法可以直接被jQuery对象使用，而jQuery对象在调用jQuery方法的时候是批处理！ 语法：jq对象.事件名(回调函数) 公共部分： <div class="div1"></div> <div class="div2"></div> &lt
【JQuery】事件冒泡及使用jQuery阻止
liudanyang_21的博客
06-26 256
（1）什么是事件起泡 首先你要明白一点，当一个事件发生的时候，该事件总是有一个事件源，即引发这个事件的对象，一个事件不能凭空产生，这就是事件的发生。 当事件发生后，这个事件就要开始传播。为什么要传播呢？因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身不能处理这个事件（废话），事件必须从这个按钮传播出去，从而到达能够处理这个事件的代码中（例如我们给按钮的onclick属性赋一个函数的名字，就是让这个函数去处理该按钮的click事件）。 当事件在传播过程中
阻止jquery 的click事件冒泡
itczw技术博客
08-05 6527
span div $("#demo1").click(function(e) { e.stopPropagation(); }); $("#test").click(function(event){ event.stopPropagation(); $("#test").css("display","none");
jquery冒泡事件
abysstoabyss的专栏
06-21 667
解释冒泡事件，就是这样的层级关系，body，div,span都添加了一个事件，而当我们点击内部事件时，相当于也点击了div，body上的事件，而且这个会按照特定的顺序执行click事件，先span ,然后div，最后body. 有时候，这样的冒泡事件会到来副作用，我们家只想要响应span的click事件。所以有必要对事件的范围做一个限制。 这样就引出了事件对象。 jquery 的事件对象很简
JQuery document click 中防止事件冒泡
jQuery,CSS,Asp.net及前端开放问题汇总
10-14 2165
return false; 按钮或任何HTML元素 点击后return； demo： $("#classtitle").click(function(event){ $("#div-tree").slideToggle(); return false; }); $(document).click(function(event) { $("#
jquery的冒泡
qq_42980244的博客
05-30 224
冒泡事件就是点击子节点，会向上触发父节点，祖先节点的点击事件。 我们在平时的开发过程中，肯定会遇到在一个元素包裹一个元素的情况，但是呢，在这两个元素上都添加了事件，如果点击里面的div我们希望处理这个div的事件，但是呢，我们不希望外层的div的事件也执行，这时候我们就要用到阻止冒泡。 如下，如果给span添加了点击事件，也给div添加了点击事件，span在div中，span触发点击事件，外层包裹的div也会触发点击事件。此时我们就要用到阻止冒泡。 <div> <span>a
JQuery中的事件 (四.事件冒泡)
妖怪的博客
03-22 769
阻止默认行为和停止时间冒泡;
jQuery 事件冒泡及解决
m0_56557880的博客
10-08 522
在jQuery中点击触发事件的时候，有时候会导致其他事件一同触发，其他事件一般为该盒子的父元素的事件：例如创建一个div里面包含一个div： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
jQuery中常见的事件处理方法、事件的冒泡、事件对象
weixin_46065214的博客
08-23 463
jQuery中常见的事件处理方法、事件的冒泡、事件对象
jquery事件绑定 冒泡
最新发布
09-09
在jQuery中，可以使用事件绑定方法来处理事件冒泡。jQuery提供了多种事件绑定的方法，其中常见的是`on()`方法和`bind()`方法。这些方法可以用于绑定事件处理程序，并且默认情况下会处理事件冒泡。 例如，使用`on()`...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值