如何在库组件上禁用自定义事件?

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 的更多详细信息，您可以在此处阅读：

停止传播说明