10 кодов JavaScript для предотвращения копирования ❌ Не копируйте текст на сайте.

Код JavaScript: Не копируйте текст на сайте. Не щелкайте правой кнопкой мыши. Не закрывайте текст. Если вы хотите запретить пользователям копировать или вставлять контент на вашем сайте, вы можете использовать JavaScript для предотвращения выделения текста и отключения команды «Копировать». Вы можете использовать следующий код:

Этот код использует JavaScript для предотвращения выделения текста и отключения определенных сочетаний клавиш (например, Ctrl+A и Ctrl+C) на веб-странице. Код работает следующим образом:

  • отключитьвыбрать(e) → Использовать для восстановления ЛОЖЬ Чтобы предотвратить выделение текста
  • повторно включить() → Восстановить истинный Чтобы включить щелчок снова (используется в некоторых старых браузерах)
  • document.onselectstart → Это обработчик событий, который запускается при начале выделения текста (выберитеначать)
  • новая функция("возврат false") → Закрыть выделение текста, сбросив настройки ЛОЖЬ
  • окно.боковая панель → Используйте для проверки, является ли браузер Firefox (старый браузер Mozilla)
  • document.onmousedown = отключить выбор; → Отключить выделение текста при нажатии мыши
  • document.onclick = повторно включить; → Включить щелчок (чтобы избежать блокировки каждого щелчка)
  • событие.ctrlKey → Проверьте, что кнопка Ctrl Вас подавляют?
  • событие.ключ === "a" → Проверьте, нажал ли пользователь Ctrl + А (Выбрать все)
  • событие.ключ === "c" → Проверьте, нажал ли пользователь Ctrl+С (Копия)
  • событие.preventDefault(); → Блокировать работу сочетаний клавиш
  • alert("Извините! Эту команду нельзя использовать."); → Показать уведомление

Добавьте document.addEventListener(“selectstart”, function (event) {…})

  • Запечатлейте событие "выбратьстарт" Это происходит, когда пользователь пытается выделить текст.
  • событие.preventDefault(); → Отключить выделение текста на всех веб-страницах

Запечатлейте событие "выбратьстарт"

  • Возникает, когда пользователь пытается перетащить текст, чтобы выделить его.

Проверьте, пытается ли пользователь выделить текст <pre class="wp-block-code"> Или нет

  • использовать в то время как (цель) Для проверки элемента и родительского элемента
  • если цель иметь сорт в Начиная с "wp-block-код"Разрешить выбор текста
  • использовать target.classList.some(cls => cls.startsWith("wp-block-code")) Чтобы проверить

Если не выбрано в wp-block-код → Закрыть выделение текста

  • событие.preventDefault(); Отключить выделение текста везде кроме wp-block-код

1️⃣ Захват событий копия

  • использовать document.addEventListener('копия', функция (e) {...})
  • Когда пользователь нажимает Ctrl+С Или щелкните правой кнопкой мыши и выберите «Копировать» → Эта функция будет работать.

2️⃣ e.preventDefault();

  • Блокировка копирования (копировать событие)
  • Пользователи будут Невозможно скопировать текст Перейти в буфер обмена

3️⃣ Уведомление (тревога(...))

  • Показать сообщение «Извините! Содержимое не может быть скопировано».
  • Уведомить пользователей о том, что копирование заблокировано

Этот код предотвращает щелчок правой кнопкой мыши на веб-странице с помощью JavaScript. Данная функция будет перехватывать событие щелчка правой кнопкой мыши (событие контекстного меню) и заблокировать появление контекстного меню. Он также отображает окно предупреждения, информирующее пользователя о том, что щелчок правой кнопкой мыши заблокирован. Предупреждающее сообщение предопределено в переменной. и будет отображаться при щелчке правой кнопкой мыши

Этот код использует JavaScript для отключения контекстного меню на веб-странице. Прослушивая события контекстное меню Это происходит, когда пользователь щелкает правой кнопкой мыши на веб-странице. Затем используйте команду e.preventDefault() Чтобы предотвратить отображение контекстного меню в браузерах.

  • Запечатлейте событие контекстное меню: Когда пользователь щелкает правой кнопкой мыши на веб-странице
  • e.preventDefault(): Отключает контекстное меню браузера, которое обычно позволяет пользователям получать доступ к таким функциям, как «Копировать», «Просмотреть исходный код» и т. д.

Результатом является Пользователи не смогут щелкнуть правой кнопкой мыши. На веб-странице, использующей этот код.

Этот код используется CSS Чтобы заблокировать выделение текста на веб-странице, установите выбор пользователя: нет; В стиле тегов <body>. Код работает следующим образом:

Невозможно перетащить мышь, чтобы выделить текст.

выбор пользователя: нет;: Запретить пользователям выделять текст на веб-странице.

Использовать с тегами <body> Запретить выделение всего текста на странице.

Этот код предотвращает перетаскивание контента или изображений в другое место.

Этот код используется JavaScript Чтобы предотвратить перетаскивание на веб-страницах, используйте: preventDefault() Чтобы отключить оба события

Запрещать Ctrl + U (Просмотреть исходный код), Ctrl + Shift + I (Инструменты разработчика), F12 (Инструменты разработчика)

Этот код используется JavaScript Чтобы предотвратить использование определенных команд, которые могут помочь пользователям получить доступ к инструментам и функциям разработчика на веб-странице, например, открытие Просмотреть источник, Осмотреть элемент, или Инструменты разработчика С помощью различных сокращений, фиксируя событие нажатие клавиши И предотвращать эти приказы тоже. preventDefault().

Инспекция Ctrl+U, Ctrl+С, Ctrl+I, Ctrl + J:
Если пользователь нажимает Ctrl Удерживайте и нажмите В, С, я, или Дж. (Это сочетание клавиш, которое часто используется для открытия исходного кода веб-страницы или инструмента разработки.)

  • e.preventDefault() Отключить эту команду
  • Показать уведомление: «Извините! Эту команду нельзя использовать».

Кнопка проверки Ф12:
Если пользователь нажимает Ф12 Какой ярлык нужно использовать для открытия? Инструменты разработчика

  • e.preventDefault() Отключить инструменты разработчика
  • Показать уведомление: «Инструменты разработчика отключены»

Этот CSS-код используется для Запретить выделение текста (выделение текста) и перетаскивание данных (перетаскивание) на веб-страницах с помощью выбор пользователя: нет; и поддержка разных браузеров

Подробности работы:

  1. выбор пользователя: нет;
    • Запрещает пользователям выделять текст в указанном элементе HTML. (В этом случае, тело, п, охватывать, див)
  2. -webkit-user-select: нет;
    • Для использования с браузерами, которые используют Вебкит двигатель (например, Хром, Сафари)
    • Позволяет запретить выделение текста в этих браузерах.
  3. -moz-user-select: нет;
    • Используется для Firefox
    • Запретить выделение текста в Firefox
  4. -ms-user-select: нет;
    • Используется для Интернет Эксплорер
    • Запретить выделение текста в IE

Как использовать Перейдите в раздел заголовка — Вставьте код в заголовок.


  • Перейдите в административную область WordPress, выберите меню Внешний вид/Редактор файлов темы.
  • С правой стороны выберите тему (которую вы используете в данный момент)
  • Найдите заголовок темы (header.php)
  • Поместите код в
Не копируйте текст.
  • Перейдите в меню «Тема». Блоггер
  • Нажмите раскрывающуюся кнопку «Изменить HTML».
  • Введите код внутри

примечание

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

Надеемся, эти коды будут полезны для предотвращения копирования текста на вашем сайте! 🚀

Поле комментариев Facebook
Предыдущая статья

Как создать блоггера (за 3 минуты) для новичков и секретные советы, о которых вы не знали

Следующая статья

18 альтернатив плагинам перевода WordPress. Создайте многоязычный сайт