Question

我有一个HTML页面，其中鼠标光标设置为none。在某些情况下，我将其设置为crosshair。不幸的是，直到用户实际移动鼠标才显示光标。如果不移动鼠标，则光标保持不可见。

如何告诉浏览器在不移动鼠标的情况下重画光标？

编辑：可能的重复项不是重复项。显然，该问题已在Firefox和Internet Explorer中解决，但在Chrome中未解决。

Answer 1

查看This answer first，这可能正是您想要的。如果没有，我将尝试手动触发事件。我不确定这样做是否可行，因为即使在事件触发后，也不能保证浏览器会重画鼠标光标：

// listen to mouse move event
window.onmousemove = function(e) {
    console.log('mouse moved.', e);
};

// create and trigger the event
var event = new Event('mousemove');
window.dispatchEvent(event);

// should now see 'mouse move.' in the console.

如果这不起作用，则可能需要使用其他鼠标事件进行测试。

Answer 2

尝试cursor: default;

仅当您不想显示光标时，才应将光标设置为none。

在页面的某些级别上一定有一些东西可以覆盖pointer属性。也许在<body>或<html>上或在父包装上。

鼠标光标不可见，直到鼠标移动（在Chrome中）

2 个答案: