问题标签 [stoppropagation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
1678 浏览

jquery - 在点击事件中使用 stopPropagation

我在一个带有“元素”类的 div 中有一个锚点。

我使用以下代码来处理注销。

但我的问题是确认事件一次又一次地触发。我认为这是因为均匀传播。经过研究,我发现我可以e.stopPropagation()这篇文章中使用。但我无法弄清楚如何在这里使用它。

编辑 消息“您要注销吗?” 在确认框中是从数据库中动态获取的,所以我不能在代码中对其进行硬编码。

0 投票
2 回答
1027 浏览

jquery - stopPropagation() 阻止子 onClick 函数

我到处搜索,但找不到这个问题的答案。

我在 div 中构建了一个包含几个 div 的菜单:

还有一个使用 JQuery 的脚本,以便在单击“#menu”时出现(切换)菜单,并在单击正文时消失。对于这个功能,我不得不使用 stopPropagation() 方法来阻止 #dropDownContain 运行 "body" 的 hide() 函数

我还为“#dropdownContain”(菜单的主体)内的“#logout”创建了一个单击事件,以运行 someThing() 函数。

问题是 "#logout" 的分配函数不会触发,因为它的父级调用了 stopPropagation() 方法(或者我认为如此)。

这是此代码的 html + js 的链接,以便您可以在使用中看到它: JSFiddle

那么有没有解决方案来解决这个问题,同时保持菜单弹出按说明工作?

0 投票
2 回答
751 浏览

stoppropagation - 表内 div 上的停止传播不起作用

当点击表格内的 div 时,stoppropagation 直到点击冒泡到 tr 后才会触发。如何停止从 div 中冒泡?

http://jsfiddle.net/tcbnW/决定了我的问题

div点击了!→ tr 点击!→ 停止触发

我需要

div点击了!→ 停止触发

html代码如下

脚本

使用 jQuery 1.9

0 投票
2 回答
4655 浏览

prototypejs - Prototype.js 事件观察点击拦截并停止传播

我有一个围绕包装器构建的页面,该包装器具有一些非常明确的逻辑。包装后的表单底部有一个保存按钮,如下所示:

这不能改变...

现在,我正在将一些 javascript 编写到加载到“......我的页面在这里......”的页面中。代码加载良好并按预期运行。它围绕表单元素做了一些工作,我什至注入了一些页面验证。这就是我卡住的地方。如果验证失败,我正在尝试“拦截”onclick 并阻止页面调用“submitPage()”。我正在使用prototype.js,所以我尝试了所有这样的变体和组合:

没有什么能阻止“submitPage()”被调用!观察实际上起作用并触发控制台消息并显示警报一秒钟。然后“submitPage()”启动,一切都再见了。我已经删除了附加到 Firebug 中按钮的 onclick,并且我的验证和警报都按预期工作,所以它让我认为传播并没有真正停止 onclick?

我错过了什么?

0 投票
1 回答
3453 浏览

javascript - javascript阻止光标移动

在输入框中,我想在向上键 "↑" 上键入时停止光标的传播:

前 :

tes|t// 光标在t之前

后 :

|test// 光标开始

我想防止光标移动,所以它必须停留在t之前。

到目前为止,我正在尝试这个,但它不起作用:

这可能吗?

0 投票
2 回答
4057 浏览

javascript - 为什么 preventDefault() 在父元素的单击“禁用”复选框上?

我最近遇到了这种情况(这里简化)。只需用一个元素包装一个复选框并在其单击事件上应用 preventDefault() ,该复选框将变为不可选中。

看到这个小提琴,但这里有一个片段:

该行为发生在 Chrome 和 FF 中,所以我认为这是故意的。

为什么已经在复选框本身上触发的单击事件不会导致复选框被切换?祖先上的preventDefault似乎应该与子复选框的行为无关。似乎,要使复选框更改发生,单击事件需要自由地冒泡到文档根目录。

这里发生了什么?

0 投票
1 回答
408 浏览

jquery - 折叠元素的jQuery传播问题

我有一些 jQ 逻辑依赖于 Bootstrap 的 .collapse 事件“显示”和“隐藏”,其中一个可折叠元素内部是一个具有可折叠行的表格。当显示或隐藏子折叠中的一行时,它也会触发父 Div 的显示/隐藏事件。

#carriers 中的所有内容都由 API 返回。以下是返回的示例:

这是 HTML 部分:

这是jQuery:

0 投票
2 回答
4008 浏览

javascript - e.stopPropagation() 在选择框下拉单击

我有一个带有模糊功能集的可编辑 div。当我单击选择框时,会调用模糊。

我可以停止传播点击选择吗?

我试过 http://jsfiddle.net/LZQSC/

可能吗?我尝试了不同的方法,但没有任何效果。

0 投票
5 回答
3765 浏览

asp.net - 如何在 asp.net 中防止/停止页面加载时的事件冒泡/传播

我想知道我是否可以根据以下条件防止页面加载时的事件冒泡/传播:

这可能吗?

0 投票
1 回答
1095 浏览

javascript - Jquery停止传播不起作用

我的页面上有一个图像滑块。我想编写一个上一个和下一个按钮。我相信我的代码是正确的,但由于某种原因 event.stopPropagation 不起作用。

jQuery

上一个按钮 .left 仍然导致浏览器跳回页面顶部。我假设 event.stopPropagation 阻止了这种情况的发生。

有任何想法吗?谢谢