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

Question

ux-components库中有一个切换器组件，可以处理多个事件。这些事件处理程序之一称为onValueChange。我想阻止默认行为并完全禁用该事件的触发。我尝试了一些 js 方法，例如preventDefault(). 似乎它不适用于自定义事件。这是我的具有onValueChange事件的组件。<ux-switcher-field   (onValueChange) = "someFunc()" ></ux-switcher-field>这是事件发射器：@Output()public onValueChange = new EventEmitter<UxValueChangeEvent<T>>();正如我所说，我只想禁止在某个特定位置触发该事件。

Answer 1

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

<ux-switcher-field 

  (onValueChange) = "$event.preventDefault()" >

</ux-switcher-field>

Answer 2

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

代码应如下所示：

<ux-switcher-field 

  (onValueChange) = "$event.stopPropagation()" >

</ux-switcher-field>

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

停止传播描述