JQuery阻止（默认）事件冒泡

最新推荐文章于 2021-06-25 14:31:49 发布
最新推荐文章于 2021-06-25 14:31:49 发布
阅读量9.6k 收藏 7
点赞数
分类专栏： JQuery 文章标签： 阻止冒泡 默认事件冒泡
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zw_980512/article/details/80701410
版权
1.事件冒泡     事件冒泡就是，你在执行元素点击事件的时候同时也会触发到此元素的其前辈元素的点击事件，从而可能造成一定程度上的程序混乱现象，为了避免这种情况的出现，现在我们可以使用阻止事件冒泡。   阻止事件冒泡：even.stopPropagation();//不触发除本身之外的其他任何控件的事件          【案例】   定义两个div，第一个div里嵌套一个span标签，没以个di...
摘要由CSDN通过智能技术生成

1.事件冒泡 

    事件冒泡就是，你在执行元素点击事件的时候同时也会触发到此元素的其前辈元素的点击事件，从而可能造成一定程度上的程序混乱现象，为了避免这种情况的出现，现在我们可以使用阻止事件冒泡。

   阻止事件冒泡：even.stopPropagation();//不触发除本身之外的其他任何控件的事件    

      


【案例】

   定义两个div，第一个div里嵌套一个span标签，没以个div 以及span 元素都要注册点击事件，然后点击span元素，对比一下，使用阻止冒泡和没有使用阻止冒泡的效果。


   

最低0.47元/天 解锁文章
IT界泥石流
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
《Android 开发艺术探索》笔记4--View事件分发与滑动冲突
行动者&&职业化
09-07 1947
思维导图View事件分发机制点击事件传递规则事件分发的源码解析View的滑动冲突滑动冲突的解决方式参看文章 思维导图 View事件分发机制 点击事件传递规则 所谓点击事件的事件分发,就是对MotionEvent事件的分发过程,传递给某一个View. 在事件传递中有三个方法是贯穿始终的 dispatchTouchEvent():进行事件的分发 如果事件能传递到View那么此方法一定会被调用,返回值受当前View的onTouchEvent()和下级View的dispatchTouchEvent()的影.
jQuery中on绑定事件后引发的事件冒泡问题如何解决
10-22
主要介绍了jQuery中on绑定事件后引发的事件冒泡问题及解决办法，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧
JQuery 阻止默认行为
李金华的博客
08-05 1359
问题及效果： 什么是默认行为？ 如：a 标签的点击跳转、submit按钮的点击提交、选中文本的拖拽搜索等等…… 有时我只是需要a标签的样式并不希望有点击跳转的效果； 用户填写完表单时，表单内容也会在前台JS中进行验证，内容不合法，数据也不能提交； 因此，在某些时候，我们需要阻止标签元素的默认行为； 案例代码：     腾讯链接                 用户名：
jquery中阻止事件冒泡的方法
weixin_34379433的博客
01-25 141
2019独角兽企业重金招聘Python工程师标准>>> ...
jQuery阻止事件冒泡和默认行为
堇年
01-20 200
阻止事件冒泡 return false； event.stopPropagation()； 两种方式都可阻止事件冒泡 $(".son").click(function (event) { alert("son"); // return false; event.stopPropagation(); }); $(".father").click(function () { alert("father"); }); 阻止默认行为 return false； event.
浅谈jQuery 中的事件冒泡和阻止默认行为
10-22
下面小编就为大家带来一篇浅谈jQuery 中的事件冒泡和阻止默认行为。小编举得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jQuery中阻止冒泡事件的方法介绍
10-26
2. **`return false`**：这是一个简化的阻止冒泡的方式，同时也阻止了事件的默认行为（如链接的跳转）。但是，这种方法并不推荐，因为它可能会引起其他副作用，比如阻止了事件处理函数内部的正常流程。 3. **兼容性...
jQuery阻止事件冒泡具体实现
10-26
在给定的示例中，`jQuery` 提供了 `event.stopPropagation()` 方法来阻止事件冒泡。在修改后的代码中，当用户点击`span`元素时，通过调用 `event.stopPropagation()`，可以确保点击事件不会继续传播到`div`和`body`...
JQuery中阻止事件冒泡几种方式及其区别介绍
10-26
两者的主要区别在于 `event.stopPropagation()` 只阻止事件冒泡，而 `return false` 则同时阻止冒泡和事件的默认行为。因此，当你只想阻止事件冒泡而不影响事件本身的执行时，应该使用 `event.stopPropagation()`。...
jQuery基础知识二
weixin_30267697的博客
03-05 120
一. 动画效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="代码/jquery/js/jquery-1.12.4.js">&l...
jquery阻止冒泡实例
05-18
jquery阻止冒泡的所有方法，适合初学jquery者，是一篇很好的学习文稿
jq 阻止事件冒泡（点击子级＜div＞不触发父级＜div＞）
BlizzardWu的博客
06-25 978
1:关于事件冒泡 事件冒泡 ：当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级，一直到window 。（注意这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数，就算传递了事件 也不会有什么表现 但事件确实传递了。） 2:如何避免冒泡 1: 使用 event.cancelBubble=true; <div class="box1" id="box1" onclick="change_cong(2)" > <div class="box2" id="bo
Jquery输入框回车实现搜索，阻止浏览器默认，事件冒泡
qq_41557320的博客
03-15 719
第一种方法：event.stopPropagation(); $("#div1").mousedown(function(event){ event.stopPropagation(); }); 第二种方法：return false; $("#div1").mousedown(function(event){ 　　 return false; }); 两者区别：return false 不仅阻...
jQuery阻止冒泡事件的方法
weixin_45676431的博客
04-07 2290
jQuery提供了两种阻止冒泡事件的方法 方式一、event.stopPropagation() $(’#div1’).mousedown(function(event){ event.stopPropagation(); }); 方式二、return false $(’#div2’).mousedown(function(event){ return false; }); 注意： return ...
JQ--阻止点击事件冒泡
xiao白的博客
11-13 1253
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>阻止点击事件冒泡</title> <style> .father { width: 400px;.
JQuery阻止冒泡事件on绑定中异常情况分析
Alfred的博客
09-09 3309
本文转载自https://www.cnblogs.com/tengj/p/4794947.html，纯粹作为日常笔记使用 科普下事件冒泡以及默认行为,以下面例子举列子：     事件冒泡：当点击内部button元素时，会触发自身及外层 a的点击事件，这就是事件冒泡引起的。事件会随着 DOM 的层次结构依次向上传播。                        事件冒泡可能会引起意料之外的效...
jq阻止事件冒泡（点击子级不触发父级）的两种方法
qq_35181466的博客
06-19 5257
方法1 function addFocus() { var e=window.event || arguments.callee.caller.arguments[0]; e.preventDefault(); e.stopPropagation() ; } 方法2 $("#addFocus").click(function(event){ event.stop...
jquery取消事件冒泡的三种方法(推荐)
weixin_30527323的博客
11-29 230
1、通过返回false来取消默认的行为并阻止事件起泡。 jQuery 代码: ? 1 2 3 4 5 6 7 8 9 10 11 $("form").bind( 　　"submit", 　　function() { 　　　　return false; 　　 } ); ...
jquery中如何防止冒泡事件
牛栏山矿泉水
02-24 123
jquery中如何防止冒泡事件 1、利用event.stopPropagation() 2、利用return false 3、利用event.preventDefault()
jquery实现事件冒泡
最新发布
06-27
jQuery 是一个流行的 JavaScript 库，它简化了...如果你想利用事件冒泡取消某个元素的默认行为，可以使用 `event.stopPropagation()`；如果想要阻止事件冒泡到父元素，则可以使用 `event.stopImmediatePropagation()`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值