X
  • Дизайн и разработка сайта
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

Как запретить выделение текста

Приклад
  • 2022-08-15
  • 3018 переглядів

    1 коментар

  • Дизайн и разработка сайта

Доброго времени суток. 🙂

Сегодняшняя статья будет о том, как запретить выделение текста курсором в браузере. То есть, когда посетитель захочет скопировать текст с Вашего сайта, у него попросту это не выйдет.

запретить выделение текста

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

Запрета на выделение осуществляется с помощью CSS. Чтобы все работало, можно назначить запрет на отдельный блок или на весь сайт целиком, все зависит от того какому элементу Вы присвоите стили. Так что, открываем стили и добавляем нужному элементу такие строки.

-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;

Для запрета копирования всего текста на сайте присвойте эти стили - body. По коду видно, что запрет осуществляется с помощью параметра user-select, который прописан несколько раз для разных браузеров, чтобы все было кроссбраузерно.

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

На этом все, спасибо за внимание. 🙂

Якщо Вам була корисна моя праця, можете фінансово підтримати сайт або відключити блокувальник реклами, що займе 2 хвилини :)

Хочу підтримати фінансово Хочу відключити блокувальник

Оцініть статтю
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 6, в среднем: 5 из 5
Читайте також
Опубликован 1 комментарий

Добавить комментарий для антон Отменить ответ

Чтобы оставить комментарий - заполните поля ниже. Ваш e-mail не будет опубликован. Все поля обязательны

Натисніть, щоб додати код в коментар. Далі додайте свій код всередину тегів <code> тут код </code>
Я ознайомлений(а) з політикою конфіденційності і даю згоду на обробку персональних даних*

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.