Запрет выделения текста на сайте курсором
В этом простом уроке мы узнаем, как сделать запрет выделения текста на сайте при помощи курсора. Сразу предупрежу, что этот урок не ставит целью сделать так, чтобы Ваш текст не могли скопировать с сайта никаким способом. Вовсе нет. Это просто запрет выделения (а следовательно копирования) текста именно курсором.
Шаг 1.
Скачаем и подключим к документу фрэймворк jQuery и плагин для него jquery.disable.text.select.
Для этого между тегами <head> пропишем следующий код:
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.disable.text.select.js"></script>
Шаг 2.
Далее вставим такой код скрипта:
<script>
$(function() {
$('.disableSelection').disableTextSelect(); // and enableTextSelect() to re-enable it again
});
</script>
Шаг 3.
Тому тексту, выделение которого вы хотите запретить, необходимо придать класс disableSelection. Например, так:
<p class="disableSelection">
Невыделяемый текст</p>
Готово! Надеюсь, этот урок был Вам полезен.