单击canvas元素内部选择文本

Question

我的HTML文档中有一个canvas元素。当我多次在画布内部单击时，它会选择我<h1>元素文本的一部分，该文本位于<canvas>标记之前。有没有办法阻止这种情况发生？我猜有一个JavaScript解决方案。

Answer 1

在某个事件中返回false会停止发生标准事件：

document.getElementById('canvas').onmousedown = function(){
  return false;
};

编辑：我刚发现文本选择在onclick被触发之前完成，更好的选择是onmousedown。

Answer 2

如果您想使用mousedown事件执行其他操作，则可以通过将onselectstart事件设置为返回false来仅阻止文本的选择。

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