js的冒泡机制作用_js 冒泡机制_js事件的冒泡机制 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

JS 冒泡排序

算法简介冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果它们的顺序不符合要求就把它们交换过来。...走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端（数组的最前面）。...这样的话，一轮过后，数组中最小的元素就是被放在数组的最前面。前面已经排好序的就不动，不参与比较。重复步骤1，直到n-1个元素都排好序，那么最后一个就不用比较了，肯定就是其中最大的元素。...时间复杂度和空间复杂度再谈谈冒泡排序的时间复杂度和空间复杂度吧！...如果并非是有序的，就要循环遍历了。最坏的情况就是完整的经历两轮n次循环。如果数组本身不是有序的，都要经历两轮循环，只不过比最坏的情况要好。

3.7K1 0

js事件冒泡

什么是冒泡？ DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。...事件冒泡**（***dubbed bubbling***）**：与事件捕获恰恰相反，事件冒泡顺序是由内到外进行事件传播，直到根节点。...dom标准事件流的触发的先后顺序为：先捕获再冒泡，即当触发dom事件时，会先进行事件捕获，捕获到事件源之后通过事件传播进行事件冒泡。...参数 useCapture 是选填的，填true或者false，用于描述事件是冒泡还是捕获，true表示捕获，默认的false表示冒泡。...()方法 } else { window.event.cancelBubble = true; //否则，我们需要使用IE的方式来取消事件冒泡

11.8K4 2

您找到你想要的搜索结果了吗？

是的

没有找到

js中的冒泡排序

// 冒泡排序 var arr = [2, 4, 1, 6, 7, 8, 33, 11,77,88,99,3,100]; function sort(array...) { //使用双循环去遍历数组，第一个循环取 array 的一个数据，第二个循环拿上个循环数据的后面一个数据，两个数据进行比较。...if (array[i] > array[u]) { //如果 array[i] > <array[u] ，就声明一个缓存遍历 num 存放大的数据...，然后把两个数据的下标进行更换，达到升序排序的效果。

1.3K4 0

解析Javascript事件冒泡机制

事件的阐述不是本文的重点，尚未了解的朋友，可以访问W3school教程进行了解，这将有助于更好地理解以下的内容。 2.冒泡机制什么是冒泡呢？ ...DOCTYPE html> Insert title here .box1 { border: green 40px solid...原因就在于事件的冒泡，点击span的时候，span 会把产生的事件往上冒泡，作为父节点的div2 和祖父节点的div1也会收到此事件，于是会做出事件响应，执行响应函数。...我们再来分析一下方法二：方法二的原理是元素收到事件后，判断事件是否符合要求，然后做相应的处理，然后事件继续冒泡往上传递；既然事件是冒泡传递的，那可不可以让某个父节点统一处理事件，通过判断事件的发生地

5644 0

图解-JS冒泡排序

冒泡排序：冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。...走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小（大）的元素会经由交换慢慢“浮”到数列的顶端，就像水中的气泡浮到水面一样。

2.1K2 0

JS的事件冒泡和捕获

事件机制 ---- 事件触发三个阶段： window往事件触发处传播，遇到注册的捕获事件会触发传播到事件触发处时触发注册的事件从事件触发处往window传播，遇到注册的冒泡事件会触发事件触发一般会按照...|------------------------------------------- 但是有一个特例：如果给body中的子节点同时注册冒泡和捕获事件，事件触发会按照注册的顺序执行。...// 以下会先打印冒泡然后是捕获node.addEventListener( 'click', event => { console.log('冒泡') }, false)node.addEventListener...此时进入冒泡阶段，inner上的时间处理器得到执行事件命中元素后开始向上冒泡，一路查找是否注册了冒泡阶段的祖先元素上的时间处理器。由于没有找到因此什么也没发生。...我们把时间注册在冒泡阶段（addEventListener的useCapture选项为false） var selector = document.querySelector.bind(document

2.5K2 0

js事件防止冒泡

事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的，可是没有被全部浏览器实现。...jQuery对这个事件对象进行了必要的扩展，从而在不论什么浏览器中都能够使用这个属性。通过.target，能够确定DOM中首先接收到事件的元素（即实际被单击的元素）。...我们能够不把检查代码放在这里，而是通过改动button的行为来达到目标。 2. 停止事件传播事件对象还提供了一个.stopPropagation()方法，该方法能够全然阻止事件冒泡。...这样的行为与我们讨论的事件处理程序不是同一个概念，它是单击锚元素的默认操作。类似地，当用户在编辑完表单后按下回车键时。会触发表单的submit事件，在此事件发生后，表单提交才会真正发生。...事件传播和默认操作是相互独立的两套机制，在二者不论什么一方发生时，都能够终止还有一方。假设想要同一时候停止事件传播和默认操作，能够在事件处理程序中返回false。

2.4K4 0

RCU 机制_NRPS作用机制

通过允许在更新的同时读数据，RCU 提高了同步机制的可伸缩性（scalability）。...相对于传统的在并发线程间不区分是读者还是写者的简单互斥性锁机制，或者是哪些允许并发读但同时不允许写的读写锁，RCU 支持同时一个更新线程和多个读线程的并发。...RCU 由三个基本机制组成，第一个用于插入，第二个用于删除，而第三个则用于让读线程可以承受并发的插入或删除。...这三个机制将在下面的三节中介绍，讲述如何将 RCU 转化为链表：订阅发布机制（用于插入）等待已有的RCU读者完成（用于删除）维护多个最近更新的对象的版本（为读者维护）这三个章节之后还有上重点回顾与快速问题答案...订阅发布机制 RCU的一个关键特性是它可以安全地扫描数据，即使数据正被同时改写也没问题。要提供这种并发插入的能力，RCU使用了一种订阅发布机制。

7142 0

关于JS的事件捕获与冒泡

事件与事件流事件，是文档或浏览器窗口发生的一些特定的交互事件。事件流，描述的是页面中接收事件的顺序。默认情况下，事件使用冒泡事件流，不使用捕获事件流。...捕获与冒泡事件捕获：执行顺序(document->html->body->div) 事件冒泡：执行顺序(div->body->html->document) IE < 9：只支持事件冒泡...IE 9+|chrome|firefox|safari：事件冒泡+事件捕获阻止捕获与冒泡 event.stopPropagation() 示例代码 <!...}, true); inner.addEventListener('click', function (event) { console.log('inner-->事件冒泡...('click', function (event) { console.log('outer-->事件冒泡'); }, false) </html

2.7K2 0

JS事件冒泡及阻止

事件冒泡及阻止当一个元素接收到事件的时候，会把他接收到的事件传给自己的父级，一直到window，当然其传播的是事件，绑定的执行函数并不会传播，如果父级没有绑定事件函数，就算传递了事件，也不会有什么表现...事件冒泡的原因是事件源本身可能没有处理事件的能力，即处理事件的函数并未绑定在该事件源上。它本身并不能处理事件，所以需要将事件传播出去，从而能达到处理该事件的执行函数。...实例当点击id为i3的时，浏览器会依次弹出3 2 1，这就是事件冒泡，此正方形处于叶节点上，对其操作的事件会向上进行冒泡，直到根节点。 JS事件冒泡及阻止 div{...DOCTYPE html> JS事件冒泡及阻止 li{

6.5K2 0

js --- 事件冒泡事件捕获

先上结论：　　他们是描述事件触发时序问题的术语。事件捕获指的是从document到触发事件的那个节点，即自上而下的去触发事件。相反的，事件冒泡是自下而上的去触发事件。...绑定事件方法的第三个参数，就是控制事件触发顺序是否为事件捕获。true,事件捕获；false,事件冒泡。默认false,即事件冒泡。...Jquery的e.stopPropagation会阻止冒泡，意思就是到我为止，我的爹和祖宗的事件就不要触发了。...事件的触发顺序自内向外，这就是事件冒泡。...方法：阻止事件冒泡和默认行为。事件冒泡：　 ? 　　阻止默认行为： ?

12.1K2 0

JavaScript系列之事件冒泡机制简介

JavaScript系列之事件冒泡机制 DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段，事件冒泡顺序是由内到外进行事件传播，事件冒泡是由IE开发团队提出来的...听了简介介绍之后，您可能不理解，所以举个例子： js事件冒泡测试 <div id='content' onclick...、ul的onclick、div的onclick，content的onclick，从内到外执行，所以这个就是冒泡事件的简单例子最近也遇到了这种情况，所以就去网上搜索资料，简单学习一下，就是点击一个按钮的时候...，竟然触发了两次，通过排查，发现了冒泡机制导致的，解决方法是禁用事件冒泡机制 w3c的方法是e.stopPropagation()，IE则是使用e.cancelBubble = true $(element...JavaScript 详说事件机制之冒泡、捕获、传播、委托：https://www.cnblogs.com/bfgis/p/5460191.html

5302 0

js中的作用域

前言相信自从es6出来之后，你一定多少知道或者已经在项目中实践了部分的块级作用域，在函数或者类的内部命名变量已经在使用let了，但是你知道它真正的作用是什么吗？...又是因为什么我们要用这个块级作用域，本文与你一起探讨块级作用域的场景以及所有细节问题。...es6之前的作用域特点1 ：js只有函数级作用域以及全局两种特点2 ：不通过var声明的变量直接赋值也可以用并且可以访问，原理是直接赋值到了window对象属性变量下,两者如果同时定义，那么会覆盖使用...块级作用域场景一循环中的块级作用域如果我们有一个遍历循环的绑定事件，并且需要把当前的指针绑定到对应方法中。...参考文档前端技术文档-兵哥技术集锦，es6入门 let-mdn文档变量提升-菜鸟教程学习js闭包-阮一峰博客

3.2K2 0

Js的GC机制

Js的GC机制在Js七种基本类型中的引用类型Object的变量其占据内存空间大且大小不固定，在堆内存中实际存储对象，在栈内存中存储对象的指针，对于对象的访问是按引用访问的。...在栈区中执行的变量等是通过值访问，当其作用域销毁后变量也就随之销毁，而使用引用访问的堆区变量，在一个作用域消失后还可能在外层作用域或者其他作用域仍然存在引用，不能直接销毁，此时就需要通过算法计算该堆区变量是否属于不再需要的变量...，从而决定是否需要进行内存回收，在Js中主要有引用计数与标记清除两种垃圾回收算法。...引用计数算法对于引用计数垃圾回收算法，把对象是否不再需要简化定义为该对象有没有其他变量或对象引用到它，如果没有引用指向该对象，该对象将被垃圾回收机制回收。...在这里，对象的概念不仅特指JavaScript对象，还包括函数作用域或者全局词法作用域。引用计数垃圾回收算法使用比较少，主要是在IE6与IE7等低版本IE浏览器中使用。

7712 0

JS prototype作用

大家好，又见面了，我是你们的朋友全栈君。...还可查看原型属性现在我们打印dazhong； console.log(dazhong.prototype) 发现没有prototype这个属性，我们可以用__proto__这个非标准用法来查看这个对象的属性

1.2K2 0

JS作用域

JavaScript的作用域有全局作用域和局部作用域先通过一下代码来体验下作用域 var x = 1; function f1(){ var y = 2; x = 10; console.log...ReferenceError: y is not defined at :7:13 上述代码中变量x就是全局作用域，方法f1的作用域也是全局，f1方法中的变量y是局部的，y的作用范围仅限f1方法体内...，离开了f1的方法体的作用范围，就无法获取到y的值，所以上述的例子中最后打印y的时候是undefined 我们再来看下面的例子 var a = 1; function f1(){ console.log...a，当前a的值为undefined 4-3）定义局部变量c，当前c的值为undefined 4-4）给局部变量b进行赋值，使用2*a表达式的结果进行赋值，由于a的值为undefined，...所以b的值为NaN（Not a Number） 4-5）给局部变量a赋值为20 4-6）给局部变量c进行赋值，使用a+1表达式的结果进行赋值，由于上一步局部变量a的值为20，所以a+1的表达式的值为

841 0

js 事件冒泡和事件捕获

事件冒泡：事件冒泡由IE团队提出来的，即事件开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播。...IE9，chrome，Firefox，Opera，Safari都支持事件冒泡，并将事件冒泡到window对象。如下，点击obj3，依次弹出obj3、world、hello。...addEventListener('click', function () { alert('obj3'); })//依次弹出obj3、world、hello 阻止事件冒泡的方法...event.stopPropagation() 则只阻止事件往上冒泡，不阻止事件本身。...事件捕获：事件捕获是由Netscape Communicator团队提出来的，是先由最上一级的节点先接收事件，然后向下传播到具体的节点。

3.1K3 0

mysql锁机制_类加载机制的作用和过程

那么我们的MySQL数据库中的锁的功能也是类似的，处理事务的隔离性中，可能会出现脏读、不可重复读、幻读的问题，所以，锁的作用也可以解决这些问题！...在数据库中，数据是一种供许多用户共享访问的资源，如何保证数据并发访问的一致性、有效性，是所有数据库必须解决的一个问题，MySQL由于自身架构的特点，在不同的存储引擎中，都设计了面对特定场景的锁定机制，所以引擎的差别...，导致锁机制也是有很大差别的。...锁机制 : 数据库为了保证数据的一致性，而使用各种共享的资源在被并发访问时变得有序所设计的一种规则。...悲观锁一般都是依靠关系型数据库提供的锁机制。行锁，表锁不论是读写锁都是悲观锁。乐观锁：就是很乐观，每次自己操作数据的时候认为没有人会来修改它，所以不去加锁。

3601 0

JS作用域和作用域链

JS中的作用域就是在一定的空间范围内对数据进行读写操作。在JS中一个变量的作用域（scope）是程序中定义这个变量的区域。变量有全局变量和局部变量两种。...ECMAScript程序中的执行流正是由这个便利的机制控制着。执行环境可以分为创建和执行两个阶段。...此外还要讲下JS作用域中的块级作用域。 JS中是没有块级作用域这个概念的。什么是块级作用域呢？...JS并不支持块级作用域，它只支持函数作用域，而且在一个函数中的任何位置定义的变量在该函数中的任何地方都是可见的。那么JS又该怎么拥有块级作用域呢？...根据“在一个函数中定义的变量，当这个函数调用完之后，变量会被销毁”的特性，来模拟出JS的块级作用域。

4.1K3 0

JS作用域与作用域链

一、作用域分为块级作用域、全局作用域、函数作用域作用域就是一个独立的地盘，让变量不会外泄、暴露出去。也就是说作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突。...二、作用域链当前作用域没有定义的变量，这成为自由变量。需要向父级作用域寻找（注意：这种说法并不严谨，作用域中取值，这里强调的是“创建”，而不是“调用”，切记切记，其实这就是所谓的"静态作用域"。）。

1.5K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭