Отключите текстовый выбор в Chrome

Question

Отключите текстовый выбор в Chrome

Я создаю киоск с сенсорным экраном, который будет использовать Google Chrome для отображения содержания. Нет никакой клавиатуры за исключением виртуальной клавиатуры, которая откроется для ввода информации об имени об определенных экранах. Нигде на киоске не будет, пользователь должен выбрать что-либо.

Когда я помещаю палец куда угодно на экран и перетаскиваю его вокруг, синие поля выбора начинают появляться. Я должен покончить с этим.

Первоначально я использовал Opera, который имеет функцию конфигурации отключения текстового выбора. Я не мог найти эквивалент для этого в Chrome.

Кто-либо знает, существует ли конфигурация для этого в Chrome, или альтернативно что JavaScript выполнит это?

7

javascript webbrowser-control

задан Ron FIsh 30 July 2010 в 20:13

2 ответа

Другие вопросы по тегам:

javascript webbrowser-control

Похожие вопросы:

score 14 · Answer 1

Почему бы просто не использовать CSS для удаления эффекта выделения вместо того, чтобы полагаться на Javascript?

*::selection {
    background:transparent;
}

*::-moz-selection {
    background:transparent;
}

*::-webkit-selection {
    background:transparent;
}

/* DO NOT COMBINE... IF COMBINED, IT WILL REFUSE TO WORK */
/* FOR CHROME 5+ (untested in 4), ONLY ::SELECTION IS REQUIRED */

Выбор по-прежнему будет возможен, но не будет никаких синих прямоугольников. Фактически, выбор будет полностью невидим для пользователя.

Насколько я могу судить из вашего сценария, вы просто пытаетесь избавиться от прямоугольников выделения.

score 9 · Answer 2

Я не знаю, есть ли для этого настройка конфигурации в Chrome, но быстрый поиск в Google ( источник ) поднял это:

window.onload = function() {
  document.onselectstart = function() {return false;} // ie
  document.onmousedown = function() {return false;} // mozilla
}


/* You can attach the events to any element. In the following example
I'll disable selecting text in an element with the id 'content'. */

window.onload = function() {
  var element = document.getElementById('content');
  element.onselectstart = function () { return false; } // ie
  element.onmousedown = function () { return false; } // mozilla
}

PS:

Просто протестирован, чтобы увидеть, не мешает ли это каким-либо событиям onclick, и это не так.