事件冒泡及阻止 当一个元素接收到事件的时候，会把他接收到的事件传给自己的父级，一直到window，当然其传播的是事件，绑定的执行函数并不会传播，如果父级没有绑定事件函数，就算传递了事件，也不会有什么表现...DOCTYPE html> JS事件冒泡及阻止 div{...DOCTYPE html> JS事件冒泡及阻止 li{...有时候我们并不希望事件冒泡而去执行上级节点绑定的事件，这时候就需要阻止事件的冒泡，w3c的方法是e.stopPropagation()，IE则是使用 window.event.cancelBubble...阻止冒泡并不能阻止对象默认行为，例如submit按钮被点击后会提交表单数据，需使用e.preventDefault();阻止默认行为，IE则是window.event.returnValue = false
当父子元素中都有点击事件的时候，为了让触发子元素中的事件时，不去触发父元素中的事件，可以在子元素事件中添加stop来阻止事件冒泡。....stop 是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件 .prevent 是阻止事件本身行为,如阻止超链接的点击跳转,form表单的点击提交 .self 是只有是自己触发的自己才会执行...,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号 .capture 是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式 .once 是将事件设置为只执行一次,如 .click.prevent.once...阻止click事件冒泡(防止触发另一个事件)的方法 使用vue阻止子级元素的click事件冒泡。...方法二 可以自己写个阻止冒泡事件 然后在发生冒泡的元素中调用这个事件 @click="_stopPropagation($event)" methods：{ _stopPropagation
block'; var oEvent = ev || event; oEvent.cancelBubble = true; // 取消事件冒泡
as3.0中的事件冒泡机制有时候会很烦人，比如一个Sprite(方便下文描述就命名为Container吧)把另一外Sprite(称为Child吧)做为子元素套进来以后，如果两个Sprite都注册了Mouse_Down...} } 鼠标点击最小的矩形后，输出如下： _sub_child.MOUSE_DOWN _child.MOUSE_DOWN _container.MOUSE_DOWN 相当于点一个，触发了三个，要想阻止事件冒泡...stopPropagation():void 防止对事件流中当前节点的后续节点中的所有事件侦听器进行处理。...sub_child.MOUSE_DOWN_2 _sub_child.MOUSE_DOWN_1 小结：如果某对象的一个事件同时添加多个监听，stopPropagation将把该事件注册的所有监听处理函数执行完后，再阻止该事件继续向上冒泡...；而stopImmediatePropagation方法将本次处理函数执行完后就立即阻止事件继续向上冒泡(即同一事件的其它监听函数将不会执行)。
在前端开发工作中，由于浏览器兼容性等问题，我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。...停止事件冒泡 JavaScript代码 //如果提供了事件对象，则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation(...)方法 e.stopPropagation(); else //否则，我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; return false...; 阻止浏览器的默认行为 JavaScript代码 //编辑文章时阻止a标签跳转 $("#final_content").find("a").click...e.preventDefault(); }else{ //IE中阻止函数器默认动作的方式
讲 事件冒泡 、阻止冒泡 和 事件捕获 之前先说说什么是事件流，这样会更容易明白 一、事件和事件流 1、什么是事件 事件是可以被 JavaScript 侦测到的行为。...2、什么是事件流 事件流，描述的是页面中接受事件的顺序。 一个完整的JS事件流是从window开始，最后回到window的一个过程。...三、阻止冒泡 1、JS阻止事件冒泡 我们用 e.stopPropagation() 这个方法添加到某事件函数里的末尾，就可以做到阻止冒泡事件。...2、JQ阻止事件冒泡 jq阻止事件冒泡就简单了，直接在事件函数里面添加 return false; 就行了。...如果将div1的addEventListener方法中的最后的布尔参数值改成true，来看看什么效果： <div class="div2
mouseenter 事件中有在鼠标指针进入 div 元素时触发（不冒泡）。...span)，因为事件冒泡到父级div。...事件冒泡 比如说父元素添加了onclick事件，当子元素发生onclick事件时，父元素的onclick事件也会触发。 四....; } }); 比较： 从事件传递上看：方法一在于取消事件冒泡，即当某些节点取消冒泡后，事件不会再向上传递；方法二在于不阻止冒泡，过滤需要处理的事件，事件处理后还会继续传递； 分析方法二...，既然事件是冒泡传递的，那可不可以让某个父节点统一处理事件，通过判断事件的发生地（即事件产生的节点），然后做出相应的处理呢？
在前端开发工作中，由于浏览器兼容性等问题，我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。...浏览器默认行为： 在form中按回车键就会提交表单；单击鼠标右键就会弹出context menu. a标签 1..停止事件冒泡 JavaScript代码 1 //如果提供了事件对象，则这是一个非IE浏览器...(W3C) 10 11 event.preventDefault(); 12 13 } else { 14 15 //IE中阻止函数器默认动作的方式 16...return false; } 但是在使用return false时必须注意： 1、jQuery有自己的事件处理层，也对处理程序做了封装，如果事件处理程序返回false，事件冒泡和浏览器默认事件都会被阻止...2、使用原生javaScript，在事件处理程序中返回false只会阻止浏览器默认行为，而事件冒泡依然存在。 3、浏览器默认行为和事件冒泡是相互独立的。阻止事件冒泡不会影响默认行为，反之亦然。
// 冒泡排序 var arr = [2, 4, 1, 6, 7, 8, 33, 11,77,88,99,3,100]; function sort(array
布尔值，指定事件是否在捕获或冒泡阶段执行。...默认false:在冒泡阶段执行指定事件 true:在捕获阶段执行事件 event.stopPropagation():阻止事件传播,用于function(event){}中 图解捕获与冒泡 实例:aa...里面有个bb,bb里面有个cc,当点击cc时会发生什么?...;因为第三个参数(useCapture)默认为false,所以在冒泡阶段执行各自click函数,结果如下: cc bb aa 当js修改为 function print(e){...当js修改为 function print(e){ e.stopPropagation();//执行完此函数后,该事件不再继续传播 console.log(this.id);
Promise是异步编程的一中解决方案，最早是由社区提出的，es6中正式的将其纳入，他是一个对象，可以获取到异步的操作，他相比传统的回调函数，更加的强大和合理，避免了回调地狱。...Promise方法： 常用的方法有5中：then()、catch()、all()、race()、finally()。...5finally() 他是不管promise时什么状态都会执行的都会去执行的，他不接受任何的参数。 Promise的优点： – 对象的状态不受外界的影响，只有异步的操作结果才能改变他的状态。...– 如果不设置回调函数去接受，promise内部会报错，不会映射到外部 – 处在pending（进行中）时 ，外部无法得知进展到那一步 总结： Promise最早是由社区提出的，在es6才被正式的纳入规范中...他有三个状态：pending（进行中）、resolved（成功）、rejected（失败）。
> Document /* 1.什么是函数...函数就是没有和其它的类显示的绑定在一起的, 我们就称之为函数 2.什么是方法?...3.2函数内部的this输出的是window, 方法内部的this输出的是当前调用的那个对象 4.无论是函数还是方法, 内部都有一个叫做this的东东 this是什么
js中this到底指向什么？ 一、前言 前段时间，公司让我改一个界面，我心想改个界面还不简单吗？结果呃，我低估了这颗炸弹的威力。 好吧是我太菜，总结一下，这个this的指向问题。...在js中，this的指向在定义函数的时候是确定不了的，只有在使用这个函数的时候才能确定this的指向。 一般来说在使用时，谁调用的这个函数，函数中的this就指向它。...对象中的函数，在运行时this指向了me这个对象。...在js中，this的指向在定义函数的时候是确定不了的，只有在使用这个函数的时候才能确定this的指向。 这样，我稍微能理解点了，简单的来说就是谁调用的这个函数，函数里面的this就指向谁。...为什么this会指向window，请注意第10行，传入的是一个函数，me.showName没有括号。
我们在React遍历渲染列表时会遇到这样一个报错： 意思是说，渲染list列表时必须给每个元素指定一个唯一的key 当然你可以选择忽略这个报错，但是为什么会提示这个报错呢？...我精简了文章Demo中的了代码，代码如下： <script src="https...第一个是使用index作为key的，第二个是用的id作为key 我们在文本框随便写点<em>什么</em> 此时我们点击按钮，新增一行，神奇的事情发生了 我们可以看到第一个list出现了错误，我们新增的一行文本框<em>中</em>竟然包含了原来有的文本框的值...因此，我们在不满足上面说的三种条件时，在react<em>中</em>尽量不要使用元素下标作为key
移动端的click事件行为与PC端有什么不同？如何屏蔽掉这个不同？ Event对象中，target和currentTarget的区别？ 说一说什么是事件冒泡，如何阻止事件冒泡？如何阻止默认事件？...什么是事件循环？ css3中有哪些属性可以直接影响JS中的事件？...有个简单的验证方法，你会在下面的例子中看到e.currentTarget一直返回的是body元素，而e.target则随着你点击位置的不同而变化 4.说一说什么是事件冒泡，如何阻止事件冒泡？...如何阻止默认事件？ 事件冒泡是指 事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接受，然后逐级向上传播到较为不具体的节点（文档）。 阻止事件冒泡的方法。...8.css3中有哪些属性可以直接影响JS中的事件？
undefined // function abc(name) { // console.log(name); // } // // abc() ``` 三、v-on修饰符 3.1.阻止冒泡事件....stop 事件冒泡：在结构上存在嵌套的元素，有事件冒泡的功能，自子元素传递（冒泡）到父元素，所以触发了绑定在button上的点击事件，在事件冒泡的作用下，绑定在div上的事件也会被触发。...} } }) divClick事件也被触发 增加.stop修饰符就可以阻止冒泡事件...原生js中阻止冒泡事件是利用事件对象调用stopPropagation()， event.stopPropagation() 3.2.阻止默认事件 .prevent 正常情况下，点击右键会出现菜单...，但是特定时候需要取消这个事件，就用.prevent修饰符阻止默认事件 原生js中使用event.preventDefault()阻止默认事件 3.3.当事件是从特定键触发时才触发回调 .enter
js中symbol是什么 1、Symbol值表示唯一的标识符，可以使用Symbol()来创建这种类型的值。 2、Symbol保证是唯一的。... } console.log(5 instanceof MyPrime);//true console.log(10 instanceof MyPrime);//false 以上就是js...中symbol的介绍，希望对大家有所帮助。...更多js学习指路：js教程 推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。
Java多线程个人觉得需要进行并发处理时使用，例如服务器需要同时接受多个客户端连接，且有无需实时等待的服务处理。比方说我们系统中短信发送任务，上万条信息的发送我...
obj= new HelloSubClass(); obj.subMethods(); 在以上的代码中，
js中callee是什么 说明 1、callee是arguments对象的属性，指向arguments对象的函数是当前函数。 递归可以使用arguments.callee()。...2、在箭头函数中，this功能域与函数外部一致，没有arguments对象，因此箭头函数没有callee。... if(num<=1){ return 1; }else{ return num*arguments.callee(num-1) } } 以上就是js...中callee的介绍，希望对大家有所帮助。...更多js学习指路：js教程 推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
