@ondblclick事件在Blazor中也会触发2个单击事件

Question

考虑一下Blazor WebAssembly中的以下内容：

<span @onclick="Click" @ondblclick="DoubleClick">Click Me!</span>

@code {

    private void Click()
    {
        Console.WriteLine("Click");
    }

    private void DoubleClick()
    {
        Console.WriteLine("Double-click");
    }
}

如果双击元素，我将在控制台中看到如下内容：

Click
Click
Double-click

是否有一种方法可以接收双击事件而不触发2次单击事件？我想把这两件事都用在不同的目的上，因为这两件事互相干扰。

任何建议都非常感谢。

Answer 1

这可能是因为ondblclick事件是如何工作的。引用MDN：https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/ondblclick

当用户双击元素时会引发dblclick事件。它在两次单击事件后触发。

所以你看到的是它的工作方式:\

因此，如果在一段时间内没有发生双击事件，则可能需要在小延迟之后触发单击操作。