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

Question

(在我尝试的每个浏览器中)双击HTML5画布选择紧跟canvas元素后面的任何文本.我宁愿将点击限制在画布上.

(注:我不想完全禁用文本选择(例如像这样):如果您双击它应选择文本我只是不希望点击到从画布"泄漏".)

这可能吗？

这是一个简单的页面,演示了这个问题.

Answer 1

首先让我注意你的画布没有填充页面的宽度,它只有100像素宽.宽度和高度画布属性总是解析为像素,因此,就Canvas标记而言,写入宽度="100%"仅表示100个像素.

要回答你的问题,请写入javasript:

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

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