Question

在我们的白板应用程序中，如果Chrome用户以某种方式拖动鼠标，则可以突出显示整个画布：

有关如何防止这种情况发生的任何想法？你可以自己给它一个测试： http://whiteboard.rayku.com（然后点击绿色的“开始会话”按钮）。

谢谢！

Answer 1

将这个CSS应用到身体似乎在Chrome中为我做了诀窍：

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

其他人已经说过Opera和IE还没有遵守这些属性，相反，你需要在元素上设置不可选择的属性，如下所示：

<body unselectable="on">

我没有这些浏览器，所以我无法确认，但您可以查看这些帖子以获取更多详细信息：

How to disable text selection highlighting using CSS?

Is there a way to make text unselectable on an HTML page?

Answer 2

将此CSS应用于CANVAS元素，如果你将这个css应用于body，那么你的文本和其他选择将被禁用，所以要小心。

  canvas{
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
  }

防止在Chrome中突出显示画布区域

2 个答案: