我试图将光标从服装更改为抓住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/

10-10 18:57