Как отключить выделение текста, вырезать, копировать, вставить и щелкнуть правой кнопкой мыши на веб-странице

Как отключить выделение текста, вырезать, копировать, вставить и щелкнуть правой кнопкой мыши на веб-странице

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





Отключить выделение текста с помощью CSS или JavaScript

Вы можете отключить выделение текста для всей веб-страницы или ее части с помощью CSS, JavaScript или jQuery.



бесплатные фильмы онлайн без скачивания без членства без опроса

Как отключить выделение текста на всей веб-странице с помощью JavaScript

Использовать onmousedown а также onselectstart атрибуты событий с тело тег, чтобы отключить выделение текста на всей веб-странице. Эти события отменяют поведение браузеров по умолчанию.









This is the title of the web page



Founded in 2007, MUO has grown into one of the largest online technology publications on the web.
Our expertise in all things tech has resulted in millions of visitors every month and hundreds of thousands of fans on social media.
We believe that technology is only as useful as the one who uses it.
Our aim is to equip readers like you with the know-how to make the most of today's tech, explained in simple terms that anyone can understand.
We also encourage readers to use tech in productive and meaningful ways.


Как отключить выделение текста в части веб-страницы с помощью JavaScript

Использовать onmousedown а также onselectstart атрибуты событий с HTML на тех, для которых вы хотите отключить выделение текста. В приведенном ниже примере выделение текста отключено для 2-го div ярлык.





This is the title of the web page



Text selection is enabled for this text.


Text selection is disabled for this text.


Как отключить выделение текста на всей веб-странице с помощью CSS

Использовать выбор пользователя CSS свойство с тело тег, чтобы отключить выделение текста на всей веб-странице. Для некоторых браузеров вам нужно добавить расширение перед выбор пользователя . Вот полный список свойств для всех браузеров:



  • Хром , Опера : user-select
  • Сафари : -webkit-user-select
  • Mozilla : -moz-user-select
  • IE 10+ : -ms-user-select

Вам нужно установить для всех этих свойств значение none, чтобы отключить выделение текста.





This is the title of the web page

body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}




Founded in 2007, MUO has grown into one of the largest online technology publications on the web.
Our expertise in all things tech has resulted in millions of visitors every month and hundreds of thousands of fans on social media.
We believe that technology is only as useful as the one who uses it.
Our aim is to equip readers like you with the know-how to make the most of today's tech, explained in simple terms that anyone can understand.
We also encourage readers to use tech in productive and meaningful ways.


Как отключить выделение текста в части веб-страницы с помощью CSS

Использовать выбор пользователя CSS свойство с HTML на тех, для которых вы хотите отключить выделение текста. Вы можете настроить таргетинг на эти HTML-элементы с помощью класса или идентификатора. В приведенном ниже примере выделение текста отключено для 2-го div ярлык. Здесь класс используется для нацеливания на второй div.



Связанный: 10 простых примеров кода CSS, которые вы можете изучить за 10 минут





This is the title of the web page

.disable-text-selection {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}




Text selection is enabled for this text.


Text selection is disabled for this text.


Как отключить вырезание, копирование и вставку с помощью JavaScript

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



Связанный: Что такое JavaScript и как он работает?





This is the title of the web page



Cut, Copy, and Paste is disabled for the below input element.

type='text'
onselectstart='return false'
oncut='return false'
oncopy='return false'
onpaste='return false'
ondrag='return false'
ondrop='return false'
/>

Как отключить вырезание, копирование и вставку с помощью jQuery

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

Связанный: Узнайте, как создать элемент в jQuery





This is the title of the web page




Cut, Copy, and Paste is disabled for the complete web page.



$(document).ready(function() {
$('body').bind('cut copy paste', function(event) {
event.preventDefault();
});
});


Как отключить щелчок правой кнопкой мыши на веб-странице с помощью JavaScript

Вы можете отключить щелчок правой кнопкой мыши на своей веб-странице с помощью контекстное меню event и включая «return false» в обработчике событий.





This is the title of the web page



Right Click is disabled for the complete web page.


document.oncontextmenu = new Function('return false');


Как отключить щелчок правой кнопкой мыши на веб-странице с помощью jQuery

Вы можете отключить щелчок правой кнопкой мыши на своей веб-странице с помощью контекстное меню мероприятие.





This is the title of the web page




Right Click is disabled for the complete web page.


$(document).bind('contextmenu',function(e){
return false;
});


Защитите свой сайт от киберпреступников

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

как использовать свой iphone на компьютере
Делиться Делиться Твитнуть Эл. адрес Создайте форму проверки CAPTCHA с использованием HTML, CSS и JavaScript

Защитите свои сайты с помощью проверки CAPTCHA.

Читать далее Похожие темы
  • Программирование
  • Веб-разработка
  • jQuery
  • CSS
Об авторе Юврадж Чандра(Опубликовано 60 статей)

Юврадж - студент бакалавриата по информатике в Университете Дели, Индия. Он увлечен веб-разработкой Full Stack. Когда он не пишет, он исследует глубину различных технологий.

Ещё от Yuvraj Chandra

Подписывайтесь на нашу новостную рассылку

Подпишитесь на нашу рассылку технических советов, обзоров, бесплатных электронных книг и эксклюзивных предложений!

Нажмите здесь, чтобы подписаться