HTML5：当在画布上单击时，如何阻止三次鼠标单击选择其他html元素？

因此，我有一个unity WebGL游戏，在我的画布下，我有一些到业务相关网站、支持/社交等的链接

我们的游戏通常需要用户点击很多次，现在很烦人，当用户三次点击身体的任何地方时，底部的链接图像会高亮显示并被选中

它实际上并不影响游戏性，但它很烦人

这是页面的结构。（为了安全起见，删除了URL）

正在加载

您可以使用用户选择，如下所述：

在css中，并在画布打开时将noSelect类添加到所有内容中

<img id="titleLogo" src="..." >
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()" height="639px" width="1024px"></canvas>
<div id="loadingBox">
    <div id="bgBar"></div>
    <div id="progressBar"></div>
    <p id="loadingInfo">Loading...</p>
</div>
<div id="footer">
    <table id="links">
    <tr>
        <td><a href="..." target="_blank"><img id="likeus" src="..." ></a></td>
        <td><a href="..." target="_blank"><img id="faqhelp" src="..." ></a></td>
    </tr>
    <tr>
        <td style="text-align: right;"><a href="..." target="_blank"><img id="hippo" src="..." ></a></td>
        <td><a href="..." target="_blank"><img id="kong" src=".." ></a></td>
    </tr>
    </table>
</div>

.noSelect{
 -moz-user-select: none;
 -webkit-user-select: none;
 -ms-user-select: none;
}