Как отключить контекстное меню на странице html с помощью jquery

Я ищу простой способ скрыть/отключить контекстное меню правой кнопки мыши для всей страницы html, но не в некоторых редактируемых элементах html, таких как input [text] и textarea с помощью jquery.

Я знаю этот код jquery, но приведенный ниже код отключит контекстное меню во всех элементах html даже в редактируемых объектах...

$(document).ready(function(){
    $(this).bind("contextmenu", function(e) {
        e.preventDefault();
    });
});

Ответы

Ответ 1

вы можете проверить теги, которые вам нужны:

$(document).ready(function(){
    $(document).on("contextmenu",function(e){
        if(e.target.nodeName != "INPUT" && e.target.nodeName != "TEXTAREA")
             e.preventDefault();
     });
 });

Ответ 2

Дайте идентификатору или имени класса указать, для какой области вы хотите отключить, например:

$("#your_id").bind("contextmenu", function(e) {
    e.preventDefault();
});

Ответ 3

Вы можете использовать это для отключения определенного тега (заменить img)

$(document).ready(function() {
$("img").bind("contextmenu",function(){
   return false;
});});

Предоставлено Peeter Как предотвратить использование параметра правой кнопки мыши с помощью jquery

Ответ 4

Для привязки его со всем необходимым элементом:

$(document).ready(function(){
  $(document).bind("contextmenu",function(e){
     e.preventDefault();//or return false;
 });
 });

Ответ 5

Попробуйте этот код

   <input type="text" id="test1"/>
<input type="text" id="test2"/>

Код JS:

$( "#test1" ).on( "copy cut paste drop", function() {
            return false;
    });

Jsfiddle