HTML5：如何在點擊畫布時停止三次鼠標點擊以選擇其他html元素？

Question

所以我有一個統一的WebGL遊戲，並在我的畫布下，我有一些鏈接到業務相關的網站，支持/社交等。

我們的遊戲一般需要用戶點擊很多，現在它煩人的時候，用戶在身體的任何地方三次點擊，底部的這些鏈接圖像被突出顯示和選擇。

它實際上並不影響遊戲性，但它很煩人。

這裏是頁面的結構。 （出於安全刪除的網址）

<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> 

Answer 1

您可以使用用戶選擇如下所述： https://developer.mozilla.org/en/docs/Web/CSS/user-select

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

在CSS

和noSelect類添加到一切，當畫布高達