在 Chrome 中拖动时更改 HTML5 Canvas 上的光标答案

【问题标题】：Change cursor over HTML5 Canvas when dragging in Chrome在 Chrome 中拖动时更改 HTML5 Canvas 上的光标
【发布时间】：2012-06-21 20:17:58
【问题描述】：

我正在研究如何在拖动鼠标时更改 HTML5 画布上的光标... 碰到这个：Change cursor over HTML5 Canvas when dragging the mouse

:active 伪选择器可以解决问题似乎是合乎逻辑的......

但是，当我在页面上使用它时，由 :active 伪选择器中的规则设置的光标被忽略，而是显示文本选择光标。

在 Firefox 中，这种行为不存在 - 它遵循我设置的光标属性。

这是一个 example 来演示该行为。

知道如何在 chrome 中解决这个问题吗？

【问题讨论】：

【解决方案1】：

Working Fiddle

为 Chrome 添加以下内容以在拖放时关闭文本选择。

document.onselectstart = function(){ return false; }

这已经回答了好几次了，

【讨论】：

也许你应该澄清一个事实，即文档确实是画布对象而不是文档全局变量。所以正确的说法是 canvas.onselectstart = function() { return false; }