Implémentation d'une <div>mobile dans Blazor

Question

J'essaie d'implémenter un composant mobile dans Blazor, mais je ne sais pas comment traduire le JavaScript en Blazor. Je cherche généralement à obtenir quelque chose comme : https://stackoverflow.com/a/47596086/767942

• Comment gérer @onmousedown et le traduire en Blazor afin d'obtenir le < div > mobile de l'exemple ci-dessus ?

Answer 1

Voici une autre façon de procéder en utilisant le ondragstart y ondragend que j'utilise pour créer une "fenêtre popup" mobile.

<div draggable="true"
     @ondragend="OnDragEnd" @ondragstart="OnDragStart"
     style="position:absolute; top: @(offsetY)px; left: @(offsetX)px; border-color: black;">
   <div>your content</div>
</div>

@code 
{
     private double startX, startY, offsetX, offsetY;

     private void OnDragStart(DragEventArgs args) {
         startX = args.ClientX;
         startY = args.ClientY;
 }

     private void OnDragEnd(DragEventArgs args)
 {
         offsetX += args.ClientX - startX;
         offsetY += args.ClientY - startY;
    }
}