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

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

Приклад
  • 2024-03-29
  • 3485 переглядів

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

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

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

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

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

Запрета на выделение осуществляется с помощью 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
Проголосовало: 7, в среднем: 5 из 5
Читайте також