javascript - 如何防止双击时在 HTML5 Canvas 外选择文本？

Question

(在我试过的每个浏览器中)双击 HTML5 canvas 会选择紧跟在 canvas 元素之后的任何文本。我宁愿将点击限制在 Canvas 上。

(注意:我不想完全禁用文本选择(例如 this ):如果您双击文本，它应该被选中。我只是不希望点击从 Canvas 。)

这可能吗？

这是 a simple page这说明了这个问题。

Answer 1

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

要回答你的问题，用javasript写:

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

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