html - 鼠标高亮干扰 HTML5 游戏

Question

因此，尽情享受 HTML5 Canvas 游戏带来的乐趣吧。然而，一个问题是，如果我在画布元素之外使用 DOM 元素，则在画布上单击和拖动将突出显示并“选择”DOM 元素。随后的单击操作将开始“拖动” DOM 元素，而不是注册到 Canvas。

这非常烦人，我找不到防止它的好方法。有没有办法让 DOM 元素“不能突出显示”？还有谁有相同的问题吗？

附录：游戏是射击游戏，所以你可以按住鼠标点击继续射击。但是您的健康和积分存储在 DOM 元素中。我可以将分数/健康状况渲染到画布上，但将其渲染到 DOM 元素会更快。

score 2 · Accepted Answer

在您的 mousedown/click 事件处理程序中，添加 event.preventDefault() / return false。

例子

window.addEventListener('click', function(e) {
    e.preventDefault();
    return false;
}, false);

1 回答 1