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

28.12.2019JQuery, Веб-технологии

Ctrl + C , Ctrl + V , Ctrl + X и щелчок правой кнопкой мыши используется для копирования, вставки и вырезания чего угодно из любого места. Это может быть отключено для конкретной задачи или страницы. Давайте посмотрим, как отключить вырезать, копировать, вставить и щелкнуть правой кнопкой мыши.

Это можно сделать двумя способами:

Используя метод on ()
С помощью метода keydown () и mousedown ()

Используя метод on (): это встроенный метод в jQuery. С помощью этого метода мы сможем отключить функцию вырезания, копирования, вставки и щелчка правой кнопкой мыши.

Синтаксис:
```
$(“selector”).on(event, function)
```

Пример:

<!DOCTYPE html>
<html>

<head>

<title>The jQuery Example</title>

<script src=

"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">

</script>

<style>

#geek {

padding: 65 px 0;

}

</style>

<script>

$(document).ready(function() {

// Отключаем ctrl + v, ctrl + x, ctrl + c.

$('textarea').on("cut", function(e) {

$("#d2").text('cut. not allowed!');

e.preventDefault();

});

$('textarea').on("copy", function(e) {

$("#d2").text('copy. not allowed!');

e.preventDefault();

});

$('textarea').on("paste", function(e) {

$("#d2").text('paste. not allowed!');

e.preventDefault();

});

// Выше всех трех можно объединить, выше

// выполняется отдельно для понимания.

/ * $ ('textarea'). on ("вырезать копировать вставить", функция (e) {

$ ("# d2"). text ('щелчок правой кнопкой выключен!');

e.preventDefault ();

}); * /

// Отключает щелчок правой кнопкой мыши.

$('textarea').mousedown(function(e) {

if (e.button == 2) {

e.preventDefault();

alert('right-click is disabled!');

}

});

</script>

</head>

<body>

<center>

<div id='geek'>

<h1 style="color:green">GeeksforGeeks</h1>

<p id="d1">

The below textarea won't allow any cut, copy,

paste and right-click operations.

</p>

<textarea></textarea>

<p id="d2" style="color:red"></p>

</div>

</center>

</body>

</html>

Выход:

Используя методы keydown () и mousedown (): используя событие key-down и для отключения правого клика, мы используем метод mouse-down (). С помощью этих двух методов мы сможем отключить опцию вырезать, скопировать, вставить и щелкнуть правой кнопкой мыши.

Синтаксис:

$(“selector”).keydown(function)

$(“selector”).mousedown(function)

Пример:

<!DOCTYPE html>
<html>

<head>

<script src=

"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">

</script>

<style>

#geek {

padding: 65px 0;

}

</style>

<script>

$(document).ready(function() {

$(document).keydown(function(event) {

// 86 - код ключа v

if (event.ctrlKey == true && (event.which == '86')) {

$("#d2").text('paste. not allowed!');

event.preventDefault();

}

// 88 - код клавиши x

if (event.ctrlKey == true && (event.which == '88')) {

$("#d2").text('cut. not allowed!');

event.preventDefault();

}

// 67 - это код клавиши c

if (event.ctrlKey == true && (event.which == '67')) {

$("#d2").text('copy. not allowed!');

event.preventDefault();

}

// Выше всех трех можно объединить, выше

// выполняется отдельно для понимания.

/ * if (event.ctrlKey == true && (event.which == '86'

|| event.which == '67' || event.which == '88')) {

alert ('вырезать. копировать. вставить. не разрешено!');

event.preventDefault ();

} * /

});

$('textarea').mousedown(function(e) {

if (e.button == 2) {

alert('right-click is disabled!');

e.preventDefault();

}

});

</script>

</head>

<body>

<center>

<div id='geek'>

<h1 style="color:green">GeeksforGeeks</h1>

<p id="d1">

The below textarea won't allow any cut, copy,

paste and right-click operations.

</p>

<textarea></textarea>

<p id="d2" style="color:red"></p>

</div>

</center>