如何用javascript禁用临时光标？

Question

关注我的代码：

HTML：

<div>test</div>

CSS：

div:hover{
background-color: black;
}

当光标结束时如何禁用临时光标（甚至忽略：悬停）当使用纯javascript移动光标时，按下并输入键并重新启用？

Answer 1

您可以使用CSS cursor属性强制使用特定的光标形状。

div {
    cursor: pointer; /* or any other shape available in the link above */
}

Answer 2

创建一个透明的gif并使用以下代码：

cursor: url("transparent.gif"), default; 

Answer 3

您可以使用CSS pointer-events来阻止所有鼠标事件的运行，其中包括:hover。

<强> CSS

div:hover {
    background-color:black; /* will not happen */
}

div {
    pointer-events: none;
}

Demo