Запретить выделение области холста в Chrome - PullRequest
Новая
       2

Запретить выделение области холста в Chrome

2 голосов
/ 18 февраля 2012

В нашем приложении для интерактивной доски пользователи Chrome могут выделить весь холст, если перетащить их мышью определенным образом:

http://snpr.cm/xQyafa.jpg

Любые идеи о том, как этого избежать.?Вы можете проверить его самостоятельно по адресу: http://whiteboard.rayku.com (затем нажмите зеленую кнопку «начать сеанс»).

Спасибо!

Ответы [ 2 ]

6 голосов
/ 18 февраля 2012

Применение этого 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, и вместо этого вам нужно установитьатрибут unselectable для элементов, например, так: 

<body unselectable="on">

У меня нет ни одного из этих браузеров, поэтому я не могу подтвердить это, но вы можете увидеть эти сообщения для более подробной информации:

Как отключить выделение выделения текста с помощью CSS?

Есть ли способ сделать текст невыбираемым на странице HTML?

1 голос
/ 10 июня 2016

Применить этот CSS к элементу CANVAS, Если вы примените эту CSS к телу, ваш текст и т. Д. Будут отключены, поэтому будьте осторожны. 

  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;
  }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...