主体事件StopPropagation()在与Zone.js一起使用时不起作用
主体事件StopPropagation()是JavaScript中的一个方法，用于阻止事件的进一步传播或冒泡。当与Zone.js一起使用时，StopPropagation()可能不起作用的原因是Zone.js的事件处理机制可能会覆盖或修改原生的事件传播行为。
Zone.js是一个用于管理异步操作的库，它可以拦截和跟踪异步任务的执行，并提供了一种机制来捕获和处理异步任务中的错误。它通过重写原生的异步API来实现这些功能。
由于Zone.js重写了原生的事件处理机制，它可能会影响到StopPropagation()方法的正常工作。具体来说，Zone.js可能会在事件传播过程中拦截事件，并在其内部进行处理，而不会将事件传递给DOM树中的其他元素。
针对这种情况，可以尝试以下解决方案：
- 使用Zone.js提供的API：Zone.js提供了一些API来处理事件传播，例如zone.runOutsideAngular()可以将事件处理程序放在Angular外部运行，从而避免Zone.js的干预。具体使用方法可以参考Zone.js的官方文档。
- 使用原生的事件处理机制：如果StopPropagation()方法在与Zone.js一起使用时无法正常工作，可以尝试使用原生的事件处理机制来代替。可以通过addEventListener()方法添加事件监听器，并使用原生的event.stopPropagation()方法来阻止事件传播。
总结起来，当主体事件StopPropagation()在与Zone.js一起使用时不起作用时，可能是因为Zone.js的事件处理机制覆盖了原生的事件传播行为。可以尝试使用Zone.js提供的API或者使用原生的事件处理机制来解决这个问题。
相关·内容
1回答
主体事件StopPropagation()在与Zone.js一起使用时不起作用
javascript、angular、addeventlistener、ag-grid、zonejs
它保持打开是因为在app.component中添加了事件侦听器，一旦事件到达正文，它就会停止事件传播到网格。一切都按照我所理解的那样工作。event.srcElement.outerHTML.indexOf('mat-calendar-body')) { event.stopPropagation);
event.stopImmediatePropa
浏览 12提问于2017-08-24得票数 0
1回答
更新到addEventListerner可能会导致函数的返回值无法传播？
javascript、html、addeventlistener
我最近从经典注册升级，使用到高级注册，使用在函数中
浏览 0提问于2012-05-19得票数 2
回答已采纳
1回答
为什么stopPropagation在回调中使用事件参数而不是使用“this”？
javascript、jquery、stoppropagation
我不明白为什么在将stopPropagation()或stopDefault()与jQuery一起使用时，您必须在事件处理程序函数中为回调引入一个param。浏览器如何知道传递给该函数的内容？星号标记了令人困惑的部分： $(".see-photos").on("click", function(**event**) {
event.stopPropagation</
浏览 2提问于2014-05-12得票数 2
回答已采纳
2回答
jQuery 1.6.2 bind不再与拖动事件一起工作？
jquery、jquery-1.6
我正在尝试将.bind()与'dragenter'、'dragover'和'drop'一起使用，这样我就可以将文件从桌面拖到浏览器上。 function dragenter(e) { e.preventDefault();drop(e) { e.pre
浏览 7提问于2011-08-24得票数 1
回答已采纳
1回答
防止在固定div上滚动时滚动正文
javascript、html、css
如何使用overflow: scroll创建一个固定的div，使body在悬停和滚动时不会滚动？有点像facebook.com窗口底部固定的聊天框。我尝试过使用javascript来捕获并阻止scroll、wheel和touchmove事件在stopPropagation()中冒泡，但似乎不起作用。我在这里已经尽可能地简化了问题：
目标是在固定的"bar“div中上下滚动，而不移动"foo”的身体。如果"bar“div一直滚动到底部，而我一
浏览 4提问于2017-07-19得票数 8
1回答
在定制handleSubmitWithRedirect时，如何在SaveButton上进行正确的输入？
typescript、react-admin、react-final-form
我需要一个从视觉上与普通按钮不同的保存按钮，因此我选择了基于SaveButton源代码构建自己的按钮(如1中所建议的)。由于handleSubmit在与SaveButton.handleSubmitWithRedirect一起使用时起作用，所以我假设可能没有实际的不可兼容性，只是类型规范方面的问题。下面是类型记录编译器错误：
TS2322: Type‘(事件？参数“事件”和“重定向”的类型是不兼容的。键入'string‘不能分配到键入’preventDefa
浏览 8提问于2020-05-18得票数 0
回答已采纳
4回答
点击一个元素，触发在移动Safari上同一位置出现的另一个元素(幽灵点击)
jquery、iphone、ios、html、mobile-safari
我们已经在StackOverflow上的其他地方看到了这个问题的解决方案。然而，它对我们并不起作用。如果你点击了正确的位置，最初的点击会触发下载按钮(在应用程序页面上)。
浏览 0提问于2013-07-21得票数 5
回答已采纳
1回答
用Spring Integration在Hibernate Listener中获取会话
hibernate、events、spring
当Hibernate与Spring一起使用时，使DAOs扩展HibernateDaoSupport提供了用于获取会话的getHibernateTemplate()。在使用Hibernate事件侦听器时，我正在扩展SaveOrUpdateEventListener，因此不能使用getHibernateTemplate()方法来获取会话。
浏览 0提问于2010-09-20得票数 1
1回答
单击时，D3js v4画笔、缩放和重定中心画笔
javascript、d3.js
我和D3js v4一起工作。我试图实现的是根据示例将画笔和缩放行为与单击后重新居中的画笔结合起来，在单击后，画笔重新居中，画笔边界变圆并平滑过渡。这是到目前为止我的。似乎缩放阻止了画笔接收鼠标向上事件。只有当通过注释掉所有缩放功能来完全禁用缩放时，我才会得到工作上的提示。我在mousedown上尝试了event.stopPropagation和event.stopImmediatePropagation，就像下面的代码片段一样，以防止缩放接收mousedown和mouseup事件
浏览 11提问于2017-07-22得票数 1
回答已采纳
1回答
Ionic 2-当应用程序在IOS上处于前台时显示通知
ios、cordova、notifications、ionic2
我希望即使在应用程序处于前台时也能显示通知。我已经尝试过使用Phonegap插件推送和FCM插件，当应用程序在后台和应用程序被杀死时，我会收到通知。
但是当应用程序在前台时，这些插件不会显示通知。当与Phonegap插件推送一起使用时，会出现本地通知，但其单击事件不起作用。此外，这两个插件似乎有一些冲突，所以当一起使用时，有时正常的推送通知不会到达或它们的点击事件不起作用。当与FCM插件一起
浏览 2提问于2017-06-08得票数 3
2回答
处理jquery上的多事件处理程序按键
jquery、jquery-ui
我有一个页面，其中有一个表单，我附加了一个jquery事件处理程序，通过按键盘上的enter来提交该表单。在模式中(在调用dialog()之前，它是一个隐藏的div )中有一个按钮，我还想让用户在按下键盘上的enter时能够“点击”该按钮。我遇到的问题是，如果我在页面上使用与以前相同的事件处理程序，它将同时提交表单并单击按钮。
我如何处理这种情况，使第二个事件处理程序仅限于模式/不传播到文档的其余部分？我尝试过e.stopPropag
浏览 0提问于2012-11-20得票数 2
回答已采纳
1回答
Jquery鼠标单击事件不适用于某些函数
javascript、jquery、html、mouseevent、dom-events
我在前端方面没有太多经验，但我想知道是哪里的错误使我无法将下面的函数与element.getBoundingClientRect()函数结合使用： $(document).on('click','img我已经能够进行放大功能，这使得它更容易看到我的鼠标在我试图标记的图像上的位置。问题是，当我将此函数与单击事件一起使用时，单击事件将不起作用。在获取鼠标位置的函数中： function ge
浏览 11提问于2019-10-10得票数 1
2回答
使用2in3订阅YUI2 DataTable事件的问题
yui、yui-datatable、yui3、yui2
有没有人知道在与YUI3 2in3一起使用时，订阅由YUI2 DataTable触发的事件是否存在任何已知问题？我正在尝试执行以下操作，但不起作用： Y.log('******** hello from initEvent');DataTable的其他功能似乎正在运行，但我似乎无法利用任何事件。
浏览 1提问于2010-07-24得票数 1
回答已采纳
5回答
是否在调用SwingUtilities.invokeAndWait()时创建了新线程？
java、multithreading、swing
是在Runnable与SwingUtilities.invokeAndWait()一起使用时创建的新线程
浏览 0提问于2011-05-09得票数 5
回答已采纳
2回答
使用服务主体更新PowerBI API错误数据集
powerbi、service-principal、powerbi-api
需求：通过服务主体使用Powershell脚本更新PowerBI数据集调度。使用PowerBI API。参考：我所做的：
在
浏览 5提问于2021-04-26得票数 4
回答已采纳
5回答
如何完全禁用鼠标单击
javascript、jquery、onclick、mouseevent
“登录”按钮和其他事件之后，我制作了一个加载脚本-to，让用户知道他们必须等待(直到ajax回复)。
如何在div id="doc"上禁用鼠标单击(右击、左键、双击、中间单击、x单击)？
浏览 7提问于2011-12-21得票数 50
回答已采纳
1回答
谷歌闭合库: stopPropagation on components
javascript、google-closure-library
我试图弄清楚为什么stopPropagation在与谷歌闭包组件一起使用时不能正常工作。它适用于browserEvents，但不适用于组件上的事件。innerBtn, goog.ui.Component.EventType.ACTION, function(e) { e.stopPropagation
浏览 0提问于2012-12-04得票数 4
1回答
在jQuery中从Ajax请求生成Ajax表单
javascript、jquery
我需要接受该请求的一部分，并使表单按钮与Ajax一起工作。contactuser .msg'); });}
只要有一个成功的Ajax调用，它就会遍历所有展开的项，然后绑定一个click事件当它不起作用时，它会禁用我设置的其他事件(切换链接)。似乎我需要等待几毫秒才能将组件加载到DOM中。我有吗？
浏览 3提问于2010-02-18得票数 0
回答已采纳
1回答
页面角加载后的自动裁剪
html、angular、autoscroll
我得在底部自动翻阅我的网页window.scrollTo({ left: 0, top: 20 * window.outerHeight, behavior: 'smooth' });this.activatedRoute.queryParams.subscribe(params => {
let ref = params
浏览 0提问于2018-11-13得票数 0
2回答
添加Ajax内容后单击事件不起作用
javascript、ajax、prototypejs
基本上，我有一个页面，在页面加载获取Ajax内容。lightbox (与ajax内容无关)有Event.observe单击事件，这些事件在加载ajax产品时停止工作。我可以让它与jQuery的.live方法一起工作，但不熟悉Prototype。不起作用的单击事件示例： RunSomeFuntion.cl
浏览 0提问于2013-02-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
