如何使用jquery在html页面中禁用右键菜单

Question

我正在寻找一种简单的方法来隐藏/禁用整个html页面的右键单击上下文菜单,但不是在一些可编辑的html元素中,就像使用jquery输入[text]和textarea一样.

我知道这个jquery代码,但是下面的代码将禁用所有html元素中的上下文菜单,即使在可编辑的对象中...

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

Answer 1

你可以检查你需要的标签,如下所示:

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