javascript - 我可以阻止外部模块组件按钮的事件在 Angular(5) 中发生吗？

Question

我从带有按钮的外部模块导入一个组件。

单击按钮时，它会执行 console.log('test'); 因此它会在我的控制台中显示“test”。

它是一个外部模块，因此我无法访问该组件的代码。不过我知道按钮元素的 id。 id='idtest'。

我想在单击此按钮时打开确认模式，并仅在单击“确定”按钮且不执行时执行 console.log('test') t 确认，事件没有发生。

每个解决方案，纯 js 或 Angular 都值得赞赏。

曾经尝试过通过 id 获取元素，添加 onclick 和 eventlistener 并调用 event.stopPropagation()

Answer 1

您可以编辑 css 不显示该按钮，而是添加另一个按钮 id=test2现在，您可以为该按钮单击事件编写对话框代码。如果对话框以 yes 结束，则执行按钮单击事件

$("#yourhiddenbutton).click()