《大学生前端成长记》 ---JavaScript基础 --冒泡(Bubble)和取消冒泡(cancelBubble)

最新推荐文章于 2024-04-23 09:53:52 发布
最新推荐文章于 2024-04-23 09:53:52 发布
阅读量472 收藏
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ChangAnbaba/article/details/104715553
版权
Javascript的冒泡，原来是这样！事件传递有两种方式：冒泡与捕获。冒泡(Bubble)举个例子，我碰了你的手，你的手属于你，所以我也就碰了你。就是这么简单，如果还不明白，那就看下面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht...
摘要由CSDN通过智能技术生成

Javascript的冒泡，原来是这样！

事件传递有两种方式：冒泡与捕获。

冒泡(Bubble)
举个例子，我碰了你的手，你的手属于你，所以我也就碰了你。
就是这么简单，如果还不明白，那就看下面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title><
最低0.47元/天 解锁文章
前端猪
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
js基础---取消冒泡和阻止默认事件
weixin_44164982的博客
08-03 1093
1、取消冒泡 （1）冒泡解除 （2）封装一个stopBubble函数，阻止冒泡 2、阻止默认事件 （1）默认事件阻止 （2）封装阻止默认事件的函数 cancelHandler();
assembly-bubble-sort：以汇编语言实现的冒泡排序排序算法
02-19
这个用汇编语言编写的程序以表格的形式显示了世界上一些顶级足球运动员在俱乐部级别得分的名称，球队和进球。 然后使用同样以汇编语言编写的冒泡排序算法继续进行操作，根据得分目标的数量对表格进行排序，最后显示...
javascript:event.cancelBubble
Code_Name的专栏
01-13 729
关于event.cancelBubble    由于HTML中的对象都是层次结构，比如一个Table包含了多个TR，一个TR包含了多个TD ,bubble就是一个事件可以从子节点向父节点传递，比如鼠标点击了一个TD，当前的event.srcElement就是这个TD，但是这种冒泡机制使你可以从TR或者Table处截获这个点击事件，但是如果你event.cancelBubble = true，则就不
探索 Bubble：一个创新的前端框架
最新发布
gitblog_00083的博客
04-23 338
探索 Bubble：一个创新的前端框架 项目地址:https://gitcode.com/chopinchenx/Bubble Bubble 是一个轻量级、高效的前端开发框架，它旨在简化Web应用的构建过程，提升开发效率，同时保证项目的高性能和可维护性。本文将深入探讨Bubble的技术特性，应用场景，以及为何你应该考虑在你的下一个项目中使用它。 项目简介 Bubble 主要由两个核心部分组成：Bu...
事件冒泡 bubbles cancelBubble stopPropagation() stopImmediatePropagation() 区别
YUSIR 完美CODING世界
04-04 197
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>事件冒泡</title> </head> <body> <input type="text" id="test"> <button type="button" id="btn" style="height: 30px;width: 200px;">.
javascript 阻止事件冒泡 cancelBubble
weixin_30838921的博客
10-23 175
javascript简单的阻止事件冒泡，可以使用事件的cancelBubble方法为true； html部分 <button id="btn1">点击显示div</button> <div id="showDiv"> 显示了 </div> js部分 window.onload = function(){ ...
前端学习案例1-取消事件冒泡1
qq_41632427的博客
01-11 59
前端
商业编程-源码-Bubble Breaker游戏JavaScript版源码.zip
06-20
1. **JavaScript基础**：作为游戏的基础，JavaScript是一种广泛应用于网页和网络应用的脚本语言。它主要负责处理用户的交互、更新屏幕显示以及执行游戏逻辑。在Bubble Breaker中，JavaScript用于创建对象、定义函数...
bubble-animation-shader:three.js和glsl的气泡动画
05-02
气泡动画着色器 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 yarn build 将要生产的应用程序生成到dist文件夹。...
S7-200SMART间接寻址实现冒泡排序并制作可重复调用的库文件.docx
10-13
总结来说，S7-200SMART PLC通过间接寻址实现冒泡排序，利用子程序和库文件的概念，可以创建可重复调用的排序模块。这种方法在实际应用中具有很高的价值，尤其是对于需要频繁进行数据排序的系统，能显著提高编程效率...
C#-基于C#实现的冒泡排序算法-Bubble-Sort.zip
03-09
综上所述，"C#-基于C#实现的冒泡排序算法-Bubble-Sort.zip"文件内容涉及了C#编程语言的基本语法、控制结构、数组操作，以及冒泡排序算法的实现与优化。这些知识是软件开发人员尤其是初学者需要掌握的基础技能。通过...
bubble-formation.zip_Boltzmann_boltzmann 气泡_bubble-formation_格子B
07-14
在本压缩包文件"bubble-formation.zip"中，重点是应用LBM来模拟气泡的形成和生长过程，这在工程和科学领域具有广泛的应用，如沸腾换热、浮选工艺、声波传播等。 首先，我们来详细了解一下LBM的基本原理。Boltzmann...
game-bubble:泡泡龙，基于egret
05-10
TypeScript是JavaScript的超集，它引入了静态类型系统和面向对象的编程特性，提高了代码的可读性和维护性。在“game-bubble”游戏中，TypeScript的应用使得代码结构更加清晰，类型检查降低了出错的可能性。例如，...
Android-传统事件捕获和冒泡的流程解析
08-13
这个过程可以分为两个阶段：事件捕获（Capture）和事件冒泡（Bubble）。 1. **事件捕获阶段**： - **事件传递开始**：事件首先由最顶级的ViewGroup接收到，通常是DecorView。 - **向上传递**：事件按照从底部到...
Bubble-sort-method.rar_冒泡法
09-23
冒泡排序是一种基础且经典的排序算法，它的基本思想是通过不断地交换相邻的逆序元素，逐步将较大的元素“冒泡”到序列的后部，从而实现整个序列的有序化。这个过程就像是水面下的气泡逐渐上升到水面一样，因此得名...
基础算法-python递归冒泡排序法
11-13
【基础算法】-python递归冒泡排序法 # Python 中使用递归实现冒泡排序的方法： def bubble_sort_recursive(arr, n=None): if n is None: n = len(arr) if n == 1: return arr for i in range(n-1): if arr[i] ...
js取消事件冒泡
啊哈前端的专栏
02-23 412
if(e.stopPropagation){                 e.stopPropagation();             }else{                 e.cancelBubble=true;             }
取消事件冒泡（大小DIV）
初学者
04-23 424
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 取消事件冒泡 #mybigdiv{ width:300px; height:300px; border:1px solid pink;
取消冒泡事件
yimeng501的专栏
08-21 330
function doSomething (obj,evt) { alert(obj.id); var e=(evt)?evt:window.event; if (window.event) { e.cancelBubble=true; } else { e.stopPropagation(); } } This...
7-1冒泡排序 c++
09-10
冒泡排序（Bubble Sort）是一种简单的排序算法。它会依次比较相邻的两个元素，如果它们的顺序错误就交换它们，直到整个序列有序为止。以下是使用C语言实现冒泡排序的示例代码： ```c #include void bubbleSort...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值