单击canvas元素内部可选择文本

Question

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

Answer 1

false在事件中返回会停止标准事件的发生:

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

编辑:我刚刚发现文本选择在onclick被触发之前完成,更好的选择是onmousedown.