如何防止双击时选择 HTML5 画布外部的文本？

（在我尝试过的每个浏览器中）双击 HTML5 画布会选择紧跟在画布元素后面的任何文本。我更愿意将点击次数限制在画布上。

（注意：我不想完全禁用文本选择（例如，像this https://stackoverflow.com/questions/880512/prevent-text-selection-after-double-click)：如果双击文本，则应选择该文本。我只是不想让点击声从画布中“泄漏”。）

这可能吗？

Here's 一个简单的页面 http://www.cs.swan.ac.uk/~csandy/canvasClick/这说明了这个问题。

首先请注意，您的画布没有填充页面的宽度，它只有 100 像素宽。宽度和高度画布属性始终解析为像素，因此就 Canvas 标记而言，写入 width="100%" 仅意味着 100 像素。

要回答您的问题，请用 javascript 编写：

//give your canvas an id, I used 'can'    
var canvas = document.getElementById('can');
canvas.onselectstart = function () { return false; }

将不再出现双击文本问题。