使画布无法选择

Question

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

我尝试使用google搜索-webkit-user-select：none;和变体，但似乎没有任何东西适用于画布。

Answer 1

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

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

您应该在键盘事件中执行相同的操作，以避免与键盘快捷键发生冲突。

Answer 2

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