禁用右键单击尚未加载的内容

Question

我想禁止人们从我的引导程序图库中下载图像，但由于它没有加载直到它出现它仍然是可点击的。如果我禁用右键单击身体而不是img，那么它工作正常..但我不想禁用整个身体。

我正在使用此图库（全尺寸版本）： https://blueimp.github.io/Bootstrap-Image-Gallery/

我用它来禁用它的JQuery：

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

Answer 1

使用event delegation而不是等待$(document).ready：

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

尽管如此，请注意，使用浏览器的DOM调试程序来下载图像并不难。禁用右键更多是一种麻烦而不是解决方案，并且（在我看来）你最好只接受网络上的任何内容，并且任何想要它的人都可以下载。