javascript - 如何通过 JavaScript 更改整个文档(不仅仅是正文内)的光标？

Question

以跨浏览器的方式，仅使用 JavaScript。

Answer 1

我认为您遇到的问题是 body 元素没有填充视口(viewport)，因为页面上没有太多内容(在 IE 上尤其如此)。您可以强制它用 CSS 填充视口(viewport):

html, body {
    height: 100%;
    cursor: pointer;
}

...然后确保光标是视口(viewport)中任意位置的指针。

编辑:确保body元素填充视口(viewport)后，您可以在文档上使用style对象。 body 从 JavaScript 设置光标。因此，要将其更改为十字准线:

document.body.style.cursor = 'crosshair';

如果你根本无法提前应用 CSS，这似乎可行:

document.documentElement.style.height = "100%";
document.body.style.height = "100%";
document.body.style.cursor = "pointer";