光标：无；并不总是适用于 chrome答案

【问题标题】：cursor: none; doesn't always work on chrome光标：无；并不总是适用于 chrome
【发布时间】：2019-07-24 07:31:58
【问题描述】：

使用 cursor: none; dynamicaly（使用 javascript）无法在 Chrome 上始终如一地工作。这在歌剧或火狐上工作得很好。 css实际上发生了变化，但光标没有隐藏！ YouTube 也使用此逻辑，结果相同。

var mouseTimeout;
document.body.onload = function () {
    const $ = document.querySelector.bind(document);
    $('.building').addEventListener('mousemove', cursorHandler);

}

function cursorHandler() {
    console.log('cursorHandler');
    document.querySelector('.building').style.cursor = 'default';
    console.log('show curser');
    if (mouseTimeout) {
        clearTimeout(mouseTimeout);
    }
    mouseTimeout = setTimeout(() => {
        console.log('hide curser');
        document.querySelector('.building').style.cursor = 'none';
    }, 3000);
}

有人知道解决这个问题的好方法吗？

【问题讨论】：

显然这是一个 Chrome 错误：bugs.chromium.org/p/chromium/issues/detail?id=26723 不确定解决方案是什么，我会尝试找到解决方法。
尝试添加透明 png 图片可能是另一种选择。

标签： javascript css google-chrome cursor mouse

【解决方案1】：

不确定这是否有帮助，但是当我打开 Chrome 开发者工具时，它并不一致。一旦我关闭它，一切都会按预期工作。我使用透明的 .gif 文件作为光标。干杯！

【讨论】：