如何防止点击事件传播

文章/答案/技术大牛

发布

1回答

angular-dart、materialbutton

当在容器内使用材质按钮并单击材质按钮时，它会触发材质按钮事件处理程序，但随后它会向上传播到容器。要阻止事件传播到材质按钮之外，推荐的方法是什么？

浏览 36提问于2020-05-22得票数 0

回答已采纳

3回答

阻止执行父事件处理程序

javascript、jquery

<div id="b" onclick="func"> </div></div>谢谢

浏览 2提问于2009-09-09得票数 32

回答已采纳

1回答

JQuery切换在第一次单击时起作用，但不会再次起作用(如预期)

javascript、jquery、toggle、show-hide

它目前在第一次被点击时就可以工作了，但之后不久它就会显示并隐藏起来。

浏览 0提问于2012-02-02得票数 3

回答已采纳

1回答

删除缩略图时捕获单击事件

javascript、events、dom、thumbnails、fine-uploader

我稍微修改了一下FU缩略图模板，在上面挂起了一个点击事件。我还显示了一个删除按钮(提供的那个)。问题是，当我单击delete按钮时，单击事件会冒泡到javascript堆栈的其余部分。如何防止删除按钮传播单击事件？？(通常您会执行类似event.stopPropagation()的操作...)。谢谢你的帮忙

浏览 2提问于2015-07-22得票数 0

3回答

如何防止点击传播

javascript、jquery

我有以下div并单击侦听器： $(this).remove(); }); ....some other buttons and html elements inside问题是，当我单击

浏览 0提问于2013-09-11得票数 0

回答已采纳

2回答

jquery，试图将事件绑定到tr，但它也应用于子元素

jquery

我正尝试在一个由json数据填充的表上添加一个行单击事件。行单击本身可以工作，但它也适用于行单元格中的复选框和按钮等子元素。

浏览 0提问于2011-09-22得票数 0

3回答

React:防止单击滚动条传播

javascript、node.js、reactjs、scrollbar

我有一个可滚动的div，不幸的是，我也有与div上的onMouseDown相关的事件。是否有一种方法可以防止滚动条上的鼠标事件传播？

浏览 5提问于2017-06-27得票数 3

回答已采纳

3回答

为什么`event.preventDefault()`不适用于两个嵌套的div？

javascript、html、events

out" onclick="clickOut(event)"> </div>为什么当我点击内部

浏览 7提问于2015-02-26得票数 2

回答已采纳

2回答

角垫台消除波纹

angular、angular-material、angular-material-table

我有一个带有matRipple效果的可点击行的角材料表。在表格中，我有一个按钮作为其中一行。当点击按钮时，它会发出一个事件，到目前为止，我已经停止了事件传播，这很好地防止了这两个元素检测到单击事件。

浏览 20提问于2019-01-24得票数 2

回答已采纳

1回答

如何在复选框上触发更改或单击行以选择表行？

javascript、jquery、events、checkbox、html-table

上面以某种方式造成了一个无尽的循环，我不知道如何让它正常工作。

浏览 0提问于2012-02-24得票数 1

1回答

Vue stopPropagation不工作-从子到父

javascript、vue.js、event-handling、dom-events、vue-events

我在为事件的传播而挣扎。如果没有保存数据，则任务是防止单击任何内容。因此，左边的div包含一个选项树。单击项目后，将显示右div中的设置。我想警告用户，当他试图点击外部设置div时，数据没有保存。el) event.stopPropagation(); }, 无论如何，单击都会传播到父节点。如果我将事件@click放置到父程序中，则会触发所

浏览 0提问于2018-09-03得票数 5

回答已采纳

2回答

jQuery切换子列表-项目

jquery、html、list

children().hide(); $(this).addClass('active').children().show();}); 问题是，如果我点击任何地方你能告诉我如何一次只切换一个项目吗？

浏览 2提问于2012-11-13得票数 1

回答已采纳

1回答

自举下拉停止传播问题

bootstrap-4

因此，在我的项目中，我严重依赖于引导下拉列表，而引导程序所做的就是防止事件在下拉按钮上传播。这似乎是故意的。我有一个点击事件侦听文档，以检查页面中的其他元素是否应该隐藏，但是由于事件没有传播，我无法做到这一点。在这个问题上的任何帮助都将受到感谢，我肯定会给出一个被接受的答案。

浏览 0提问于2018-07-03得票数 0

回答已采纳

1回答

父单击处理程序总是首先执行。

javascript、reactjs

/代码>，以及<code>H 222</code><code>G 223</code>row但是row总是在复选框之前执行，所以我看不出如何使它们不重叠在这样做的时候，我意识到我实际上点击的是一个复选框的label，而复选框在我的应用程序中是“隐藏的”。我通过将事件处理程序移动到label而不是复选框解决了问题，并运行： e.stopPropagation()，以防止传

浏览 4提问于2021-04-30得票数 3

1回答

lua如何禁用触摸事件widget.newScrollView

button、lua、scrollview、coronasdk、displayobject

不幸的是，当我点击我的按钮时，它也会调用我的ScrollView“点击”处理程序。我如何阻止我的ScrollView得到这个事件？

浏览 3提问于2016-10-01得票数 1

回答已采纳

1回答

防止单击事件传播/冒泡到Google地图上

javascript、jquery、google-maps、dom-events

现在我想让它在点击集群标记后，关闭弹出的div，他可以点击地图。我猜集群标记上的单击事件导致div弹出，但单击事件也传播到映射，触发映射的单击侦听器关闭弹出窗口。我该如何解决这个问题？如何防止单击通过群集标记传播到映射？希望这个解决方案是跨浏览器兼容的。

浏览 3提问于2012-04-04得票数 2

回答已采纳

1回答

Dynatree展开按钮与$(document).click碰撞

jquery

因此，列表中的展开/最小化按钮必须是文档的一部分，而例如标签/标题则不是(因为没有div关闭它们是可点击的)。

浏览 4提问于2013-06-28得票数 0

回答已采纳

1回答

jQuery .delegate()和.undelegate()

jquery、ckeditor

我怎样才能防止这种行为？

浏览 0提问于2011-12-26得票数 2

3回答

如何处理考虑层叠层上下文的javascript键绑定？

javascript、html、css、dom、keyboard

您如何处理ESC键并关闭“较高”层，从而防止按键传播和关闭正在侦听按键的其他层？我期待一个直截了当的答案，使用preventDefault或类似的东西。对我来说，这东西应该有点像点击事件，向上传播。这可行吗？

浏览 13提问于2015-11-11得票数 10

回答已采纳

1回答

在AngularJs中，.closest jQuery函数的等价性是什么？

javascript、jquery、angularjs、popup

问题是当打开弹出窗口时，我不知道如何在没有覆盖的情况下轻松地实现它。我已经发现，在基于jQuery的库中，使用.closest函数是常见的，但我无法找到普通Javascript的替代方法。

浏览 0提问于2014-11-11得票数 3

点击加载更多