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

Question

我想禁止人们从我的 Bootstrap 图像库下载图像，但由于它在显示之前不会加载，所以仍然可以单击。如果我禁用右键单击 body 而不是 img，那么它可以正常工作..但我不想禁用整个 body。

我正在使用这个画廊(全尺寸版本): 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 调试器下载图像并不困难。禁用右键单击与其说是一种解决方案，不如说是一种麻烦，而且(在我看来)您最好接受网络上的任何内容都可以并且将会被任何想要它的人下载的事实。