如何在不悬停元素的情况下使用javascript更改鼠标光标？

我知道我们可以使用HTMLElement.style.cursor在悬停元素时更改光标。但是，我们可以在不需要鼠标悬停的情况下使用javascript更改光标吗？谢谢

这适用于web/web视图上的游戏应用程序

---

我需要一个不依赖于dom的解决方案

您可以使用一个div来包装整个文档：

html:

js:

---

可以使用将包装整个文档的div：

html:

js:

---

可以使用将包装整个文档的div：

html:

js:

---

可以使用将包装整个文档的div：

html:

js:

---

似乎是一个好用的包。

似乎是一个好用的包。

似乎是一个好用的包。

似乎是一个好用的包。

更改所有元素的光标：

---

更改所有图元的光标：

---

更改所有图元的光标：

---

更改所有图元的光标：

---

---

---

@金格森显然是另一个例子question@KimGysen光标将依赖于dom。例如，如果在当前悬停的元素上更改光标，则移动鼠标并更改光标，但脚本通过浏览器的DOM api与浏览器交互。。。我不认为有其他方法可以解决这个问题，我也不认为有必要这样做。建议的解决方案应该有效？因此问题。。。如果有任何api/库可以直接与鼠标交互，那就太好了。@KimGysen显然是另一回事question@KimGysen光标将依赖于dom。例如，如果在当前悬停的元素上更改光标，则移动鼠标并更改光标，但脚本通过浏览器的DOM api与浏览器交互。。。我不认为有其他方法可以解决这个问题，我也不认为有必要这样做。建议的解决方案应该有效？因此问题。。。如果有任何api/库可以直接与鼠标交互，那就太好了。@KimGysen显然是另一回事question@KimGysen光标将依赖于dom。例如，如果在当前悬停的元素上更改光标，则移动鼠标并更改光标，但脚本通过浏览器的DOM api与浏览器交互。。。我不认为有其他方法可以解决这个问题，我也不认为有必要这样做。建议的解决方案应该有效？因此问题。。。如果有任何api/库可以直接与鼠标交互，那就太好了。@KimGysen显然是另一回事question@KimGysen光标将依赖于dom。例如，如果在当前悬停的元素上更改光标，则移动鼠标并更改光标，但脚本通过浏览器的DOM api与浏览器交互。。。我不认为有其他方法可以解决这个问题，我也不认为有必要这样做。建议的解决方案应该有效？因此问题。。。如果有任何api/库可以直接与鼠标交互，那就太好了。谢谢，我不喜欢使用div包装器，因为我需要点击html。我想使用鼠标光标（'crosshair'）之类的东西，这样更简单更干净。试试小提琴-包装在背景而不是前面。谢谢，但当前面有东西时，包装会断裂。。。我只是看着你拉小提琴，它就起作用了。console.log打印到开发人员控制台，而不是屏幕。如果你不喜欢我的解决方案，那也没关系，但是当你说它坏了，可能会让其他用户感到困惑，我的意思是鼠标光标在按钮前面改变了。按钮本身工作正常。谢谢，我不喜欢使用div包装器，因为我需要点击html。我想使用鼠标光标（'crosshair'）之类的东西，这样更简单更干净。试试小提琴-包装在背景而不是前面。谢谢，但当前面有东西时，包装会断裂。。。我只是看着你拉小提琴，它就起作用了。console.log打印到开发人员控制台，而不是屏幕。如果你不喜欢我的解决方案，那也没关系，但是当你说它坏了，可能会让其他用户感到困惑，我的意思是鼠标光标在按钮前面改变了。按钮本身工作正常。谢谢，我不喜欢使用div包装器，因为我需要点击html。我想使用鼠标光标（'crosshair'）之类的东西，这样更简单更干净。试试小提琴-包装在背景而不是前面。谢谢，但当前面有东西时，包装会断裂。。。我只是看着你拉小提琴，它就起作用了。console.log打印到开发人员控制台，而不是屏幕。如果你不喜欢我的解决方案，那也没关系，但是当你说它坏了，可能会让其他用户感到困惑，我的意思是鼠标光标在按钮前面改变了。按钮本身工作正常。谢谢，我不喜欢使用div包装器，因为我需要点击html。我想使用鼠标光标（'crosshair'）之类的东西，这样更简单更干净。试试小提琴-包装在背景而不是前面。谢谢，但当前面有东西时，包装会断裂。。。我只是看着你拉小提琴，它就起作用了。console.log打印到开发人员控制台，而不是屏幕。如果你不喜欢我的解决方案，那也没关系，但是当你说它坏了，可能会让其他用户感到困惑，我的意思是鼠标光标在按钮前面改变了。按钮本身工作正常。

<div class="frame" style="background:#ababab"></div>
<div class="frame">
content here
</div>

.frame
{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    ;
}

$('div.frame').css('cursor', 'help');

$('*').css('cursor','help');