event stopPropagation()

最新推荐文章于 2024-04-11 10:37:58 发布
最新推荐文章于 2024-04-11 10:37:58 发布
阅读量289 收藏
点赞数
分类专栏： js-flex
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/spencer_tseng/article/details/112008460
版权

 

event.stopPropagation();   它在这里的作用就是，父窗口DivMain和子窗口DivDrag都有单击事件的时候，

如果子窗口单击事情不添加阻止冒泡的话，当自己的逻辑执行完就会继续执行父窗口单击事件。

也就是

执行完  clickDiv 事件，他会执行 clickDivMain 方法。

可是我这里是想获取子窗口的坐标和宽度，如果不阻止，他就会获取父窗口的坐标和宽度了。

 

spencer_tseng
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jquery阻止事件冒泡 event.stopPropagation
10-28
标题中的"Jquery阻止事件冒泡 event.stopPropagation"就涉及到如何在jQuery中避免事件冒泡到DOM树的上级元素。`event.stopPropagation()`是jQuery提供的一个方法，用于阻止事件继续在DOM树中向上冒泡。当你调用这个...
关于js中事件的event.stopPropagation()方法的理解与举例说明
热门推荐
zhizhan888的博客
12-22 1万+
这里有你想要的JavaScript事件的触发原理，stopPropagation()方法的使用，欢迎大家来讨论，一起相互学习，一起进步
阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return fal的区别...
weixin_33774615的博客
11-11 1851
今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开， 2.event.preventDefault()方法 这是阻止默认事件的方法，调用此方法是，连接不会被打开，...
event.stopPropagation()
PhperX的博客
10-22 1014
event.stopPropagation()函数详解 概念说的太格式化，直接看下面自己解析，清晰明了： 例子： 1.给子节点绑定点击事件 $("#myButton").click(function(ev){ alert(“点击子节点”); }) 2.给body绑定点击事件 $(“body”).click(function(evt){ alert(“父节点”); }) 当点击按钮时会触发这两个节点...
e.stopPropagation()
a785589446的博客
04-01 1992
1. 定义和用法 不再派发事件。 终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。 2. 语法 event.stopPropagation() 3. 说明 　　该方法将停止事件的传播，阻止它被分派到其他 Document 节点。在事件传播的任何阶段都可以调用它。注意，虽然该方法不能阻止同一个...
关于event.cancelBubble和event.stopPropagation()的区别介绍
09-05
在JavaScript的事件处理中，`event.cancelBubble` 和 `event.stopPropagation()` 都是用来控制事件冒泡的行为，但它们之间存在一些关键的区别。事件冒泡是指事件从最深的节点开始，逐级向上层节点传播事件的过程。...
Flex Event总结
10-29
若中间某个监听器调用了`stopPropagation()`，后续监听器仍会执行；但若调用`stopImmediatePropagation()`，则会阻止所有后续监听器的执行。 7. **移除事件监听器**：`removeEventListener()`只能一次移除一个监听...
event.stopPropagation()和event.preventDefault()之间的联系
qq_51066068的博客
07-09 645
这个方法比较暴力，他会同事阻止事件冒泡也会阻止默认事件；写上此代码，连接不会被打开，事件也不会传递到上一层的父元素；这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开，event.stopPropagation()和event.preventDefault()，还有 return false。这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素；
深入理解EventTarget中的属性event.stopPropagation()
zhengsr12345的博客
11-25 456
可以看到，事件捕获（设置capture属性为true）先于事件冒泡（capture默认是false）。很多人粗略地认为该属性只是阻止冒泡，实际上，正如其英文含义，它只是用来阻止事件传播，不管是事件冒泡阶段还是事件捕获阶段都可阻止进一步传播。综上，我们可得出结论，event.stopPropagation()既可阻止事件冒泡也可阻止事件捕获。我们会发现事件捕获在out这个div处就被截断，并且同时截断了事件冒泡的整个阶段。可以看到事件冒泡在in这个div处被截断，而事件捕获阶段不变。再次点击in这个div，
阻止事件冒泡 - e.stopPropagation()
一个小白，博文源于浏览各个大佬所得，感谢行业大佬们！
09-22 958
阻止事件冒泡 - e.stopPropagation()
阻止事件冒泡(event.stopPropagation())/阻止默认事件(event.preventDefault())
HELLO WORLD
10-05 2914
event.stopPropagation() stopPropagation方法阻止事件在 DOM 中继续传播，防止再触发定义在别的节点上的监听函数，但是不包括在当前节点上其他的事件监听函数。 function stopEvent(e) { e.stopPropagation(); } el.addEventListener('click', stopEvent, false); 上...
event.stopPropagation()只能阻止父子元素中相同事件的冒泡和传递行为
weixin_45116920的博客
05-08 298
（所用技术原生js）今天在写项目的时候遇见了一个很有趣的情况，按钮的click事件和document的mousedown事件的先后执行顺序问题。项目中需要完成的操作是需要我们选中某个方块，通过按钮的事件进行某些操作。我们给document绑定上mousedown事件 --------- 因为有多个方块我们需要实现点击空白处取消选中方块的行为。
js中的event.stopPropagation()阻止冒泡用法和event.preventDefault()用法
qq_40407998的博客
09-09 814
event.preventDefault()的作用是阻止一些默认的行为，比如点击链接不会跳到对应的地址； var link = document.getElementById('myLink'); link.onclick = function(event){ event.preventDefault(); } event.stopPropagation()的作用是阻止事件冒泡； var btn = document.getElementById('myBtn'); document.onclic
js 说一下event.stopPropagation()的内部实现
最新发布
ivan5277的博客
04-11 539
内部的状态，通常这个状态是一个标志位，标记事件是否应该继续传播。当调用此方法时，它会将该标志位设置为阻止传播，浏览器在内部进行事件循环处理时检测到这一标志，就会停止对该事件的进一步处理，无论是事件捕获还是事件冒泡阶段都会受到影响。对象的一个实例方法，主要作用是在事件处理过程中阻止事件的进一步传播，即阻止事件向上冒泡到父元素或者向下捕获到其他更低层级的元素。实际的浏览器实现会更加复杂，涉及到更多的优化和跨平台兼容性处理，但基本思想就是通过改变事件对象的内部状态来控制事件传播的行为。
取消冒泡 event.stopPropagation()
koukou0419的博客
05-10 670
//点击事件，就算子元素没绑定点击事件，父元素有绑定，当点击子元素的时候，也同样会出现冒泡事件， //取消冒泡事件 //事件对象，每个事件处理函数里面可让系统传一个事件对象给该函数,事件对象上有个方法取消冒泡函数event.stopPropagation(); div.onclick=function(e){ //e.stopPropagation(); //e.cancelB...
js的stopPropagation()、cancelBubble、preventDefault()、return false的分析
waiting_area的博客
03-09 603
事件冒泡，举个列子： <li> <a href='http://www.baidu.com'>点击a</a> </li> <script> $('li').click(function () { alert('点击了li'); }); $('a').click(function () { alert('点击了a'); }); </script> 当你点击a的时
jQuery Event.stopPropagation() 函数详解
Gavid0124的专栏
04-13 931
stopPropagation()函数用于阻止当前事件在DOM树上冒泡。 根据DOM事件流机制，在元素上触发的大多数事件都会冒泡传递到该元素的所有祖辈元素上，如果这些祖辈元素上也绑定了相应的事件处理函数，就会触发执行这些函数。 使用stopPropagation()函数可以阻止当前事件向祖辈元素的冒泡传递，也就是说该事件不会触发执行当前元素的任何祖辈元素的任何事件处理函数。 该函数只阻止事件
event.stopPropagation()，阻止冒泡事件
qq_39822451的博客
09-24 601
{header:'${text("说明xxxx")}', name:'name1', editable:true, edittype:'textarea','onkeydown':'stopPropagation(event)' editoptions:{'maxlength':'255', 'class':'form-control', 'rows':'2'}}, function sto...
event,stopPropagation()
06-10
`event.stopPropagation()`是一个JavaScript方法，用于阻止事件向父元素冒泡。在事件触发时，事件会从子元素开始向父元素冒泡传递，直到传递到文档根元素。如果在子元素的事件处理程序中调用了`event....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值