javascript - 如何在库组件中禁用自定义事件？

Question

库中有一个切换器组件ux-components，允许处理多个事件。其中一个事件处理程序被调用onValueChange。我想阻止默认行为并完全禁止该事件触发。

我尝试了一些 js 方法，例如preventDefault(). 似乎它不适用于自定义事件。

这是我有onValueChange事件的组件。

<ux-switcher-field 
  (onValueChange) = "someFunc()" >
</ux-switcher-field>

这是事件发射器：

@Output()
public onValueChange = new EventEmitter<UxValueChangeEvent<T>>();

正如我所说，我只想禁止该事件在一个特定位置触发。

score 0 · Accepted Answer

您可以在模板中像这样使用 event.preventDefault()

<ux-switcher-field 
  (onValueChange) = "$event.preventDefault()" >
</ux-switcher-field>

score -1 · Accepted Answer

您可以使用$event.stopPropagation()取消事件。

代码应如下所示：

<ux-switcher-field 
  (onValueChange) = "$event.stopPropagation()" >
</ux-switcher-field>

有关 stopPropagation 的更多详细信息，您可以在此处阅读：

2 回答 2