鼠标突出显示干扰HTML5游戏

Question

所以，在HTML5 Canvas游戏中享受很多乐趣。然而，一个问题是，除了画布元素之外我还使用DOM元素，在画布上单击并拖动将突出显示并“选择”DOM元素。随后的单击操作将开始“拖动”DOM元素，而不是注册到Canvas。

这非常令人讨厌，我找不到一个好办法来阻止它。有没有办法让DOM元素“不能突出显示”？其他人有这个问题吗？

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

Answer 1

在mousedown / click事件处理程序中，添加event.preventDefault（）/ return false。

示例

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