防止下载照片箱中的照片

Question

如何防止用photobox显示照片时明显下载照片？我已禁用右键单击网站上显示的缩略图，但当我使用 photobox 开始幻灯片放映时，我仍然可以这样做。这是我在网站上展示照片的部分：

<div class="gallery">
   <a href="<?=$path1; ?>">
   <img src="<?= $path1; ?>">
   </a>
   <div contentEditable="true"><?=pathinfo($path1, PATHINFO_FILENAME)?></div>
</div>

这里展示的是相框

<script type='text/javascript'>
        $(document).ready(function(){
             $('.gallery').photobox('a',{ time:0 });
    });
    </script>

这里右击防止

<script>
$("a").mousedown(function(e) {
return false;
});
</script>

Answer 1

不确定这如何防止右键单击元素：

<script>
    $("a").mousedown(function(e) {
        return false;
    });
</script>

因为我已经测试过了，上下文菜单仍然出现。由于您还将 e 传递给函数但未对其执行任何操作。但这个确实如此：

<script>
    $(document).ready(function(){
        $("a").mousedown(function(e) {
            document.addEventListener('contextmenu', e =>
                e.preventDefault()
            );
        });
    });
</script>

注意 ready() 事件侦听器等待 DOM 加载后影响所有 "a" 元素。另一件事是，此类规则可以直接从浏览器调试器工具中覆盖，因此阻止右键单击元素无效。

防止下载照片箱中的照片

prevent downloading photos in photobox

javascript

photo

photo-gallery