使画布不可选择

Question

我有一个画布，我在上面画一个 JavaScript 游戏。问题是当玩家移动鼠标时，有一半的时间他们最终选择了看起来很丑的画布。

我尝试使用谷歌搜索并使用一些 CSS，例如 -webkit-user-select: none;和变体，但似乎没有任何东西适用于画布。

Answer 1

您的问题不在于画布是可选择的，而是您没有告诉浏览器您希望鼠标专门用于您的游戏。

在您的mousedown/mouseup/click 处理程序中，您应该运行event.preventDefault() 或return false。

你应该在键盘事件中做同样的事情以避免与键盘快捷键冲突。

Answer 2

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