javascript - 如何在mouseup上更改光标？

我试图将光标从服装更改为抓住mouseup。

我试图在mouseup上添加CSS类，它工作正常，但是此解决方案有点问题。

Componenet文件

<span(mouseup)="status=!status" [ngClass]="status? 'cursorGrabbing' : ''"
class="icon"></span>

的CSS

.cursorGrabbing{
    cursor:grabbing;
}

但是，只有在释放鼠标按钮之后，光标才会改变。
当我单击并按住鼠标按钮时，它应该立即更改curosr。
您有解决这个问题的主意吗？

最佳答案

同时使用(mousedown)和(mouseup)事件，并且您使用了错误的ngClass syntax约定，它应该是：

<span (mousedown)="status=true" (mouseup)="status=false" [ngClass]="{'cursorGrabbing' : status}" class="icon"></span>

A working stackbliz example for you

关于javascript - 如何在mouseup上更改光标？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57388740/