如何使用jquery防止右键单击选项

是否可以阻止我们在网页中使用的图像的右键单击选项。

Answer 1

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

工作示例： http ： //jsfiddle.net/vak9exyk/

Answer 2

我认为这应该有所帮助。 Trick是绑定contextmenu事件。

Answer 3

 $(document).ready(function() { $(document)[0].oncontextmenu = function() { return false; } $(document).mousedown(function(e) { if( e.button == 2 ) { alert('Sorry, this functionality is disabled!'); return false; } else { return true; } }); }); 

如果你只想在图像上禁用它，请点击而不是$(document).mousedown使用$("#yourimage").mousedown

Answer 4

以下代码将禁用鼠标右键单击整页。

 $(document).ready(function () { $("body").on("contextmenu",function(e){ return false; }); }); 

可以从这里找到完整的教程和工作演示 – 使用jQuery禁用鼠标右键单击

Answer 5

在所选标记中设置这些属性

Answer 6

试试这个：

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

Answer 7

在这里，我找到了一些有用的链接， 带有实时工作示例。

我试过它的工作正常。

如何使用jquery防止右键单击选项

 $(document).bind("contextmenu", function (e) { e.preventDefault(); alert("Right Click is Disabled"); }); 

Answer 8

方法1：

方法2：

Answer 9

这是一个工作示例，红色链接不能再被右键单击。

 $("ul.someLinks1 a").each(function(i, obj) { $(obj).on("contextmenu",function(){ return false; }); $(obj).css("color", "red"); }); 

  
 
google
 
stackoverflow
 
test
 
 
 
foobar
 
foo
 
bar
  

Answer 10

如果您正在尝试禁用下载/保存图像，脚本将不会停止。 在服务器配置级别上你可能会有更好的运气（例如在Apache上修改你的.htaccess ）。

尝试在ServerFault上询问此问题。

Answer 11

您还可以使用on方法来触发而不是绑定

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