Как запретить браузеру выделять текст

Как запретить браузеру выделять текст

Как запретить браузеру выделять текст

» » Сообщение:

Как запретить браузеру выделять текст

Если Вы веб-разработчик, то у вас наверняка возникала необходимость в том, чтобы запретить пользователю выделение текста. Оговоримся, что я не имею ввиду полный запрет с целью защиты текста, а запрет на выделение всевозможных подписей, надписей и т.п. где выделение мешает работе интерфейса и пользователю. Например заголовок спойлера - выделяется по клику и тп.

Для нормальных браузеров - FireFox, на движке gecko, Safari (браузеры на движке KHTML) можно использовать CSS свойство user-select со значение none, которое включили в CSS3.
Типа:

php Код: Выделить всё Развернуть
<style type="text/css">
element{
-
moz-user-select:none;
-
webkit-user-select:none;
-
khtml-user-select:none;
user-select:none;
}
</
style>

Свойство user-select может содержать такие свойства:

Код: Выделить всё Развернуть
none - элемент не может быть выделен;
text - выделение для текста;
toggle - элемент имеет возможность переключения состояний;
element - в списке может быть выделен только один элемент;
elements - в списке может быть выделено несколько элементов;
all — элемент может быть выделен только целиком.

Для Opera это не прокатит...

Для Internet Explorer можно элементу установить атрибут unselectable со значением on.
Типа:

php Код: Выделить всё Развернуть
<a onclick="return false;" href="javascript://"><strong unselectable="on">Заголовок спойлера</strong></a>

..

Другой вариант скриптом habrahabr.ru/post/18080/, .. но ИМХО, это не стоит того..




Похожие темыКомментарии ПросмотрыПоследнее сообщение
0368Как получить выделенный текст в TEX...
Сообщение от: Admin
01357Как сделать удобокопируемым текст с...
Сообщение от: Admin
4328Re: Cкрыть текст AJAX-скриптом
Сообщение от: Admin
0135Как сделать коммерческий текст инте...
Сообщение от: Admin