На нашем доске приложения, пользователи Chrome могут выделить весь холст, если они перетащить их мышью определенным образом:Предотвращение выделения область холст в Chrome
Любые идеи о том, как предотвратить это ? Вы можете дать ему тест самостоятельно по адресу: http://whiteboard.rayku.com (затем нажмите зеленую кнопку «Начало сеанса»).
Спасибо!
Применяя этот 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">
у меня нет одного из этих браузеров, поэтому я не могу подтвердить это, но вы можете увидеть эти сообщения более подробно:
Примените этот CSS к холсту элементу, Если применить этот 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;
}
Я просто добавил это приложение, я работаю (Весь текущий браузер набирает обороты в соответствии с 22-го июля 2016) Я могу подтвердить, что CSS в первом куске коды работает в IE11, Firefox, Opera , Chrome и Maxathon в последовательном порядке. Тем не менее, я только что проверил спецификации ww и css wg, а CSS-запрос «user-select» все еще находится в рабочем черновике и был с сентября 2015 года. Могу ли я использовать его, как он полностью реализован во всех браузерах, кроме оперы -мини. – shawty