开拓者。如何在onmousemove 事件中捕获鼠标？

Question

如何像 WPF 中的 UIElement.CaptureMouse() 一样在 Blazor 中的 onmousemove 事件中捕获鼠标？

Answer 1

... in Blazor like UIElement.CaptureMouse()

最接近的匹配项是 Element.setPointerCapture()

为了使用它，您需要使用 @ref 在 Blazor 中获取一个 ElementReference 和一个在其上调用 setPointerCapture 的 JS 方法。您需要传递从 PointerEventArgs 获得的 pointerId。

不要使用 Mouse* 相关的 events/methods，它们或多或少在 JS 中被弃用。

因此您可以从以下内容开始：

 <div @ref="myTarget" @onpointerdown="StartCapture">  ... </div>

@code{    
    ElementReference myTarget;

    async Task StartCapture(PointerEventArgs args)
    {
        await JSRuntime.InvokeVoidAsync("myJsFunctions.capturePointer",
                 myTarget, args.PointerId);
    }    
}

开拓者。如何在onmousemove 事件中捕获鼠标？

Blazor. How to capture mouse in onmousemove event?

capture

mouseevent

dom-events

blazor