禁用阻力&放在HTML页面上?

时间:2017-12-15 19:09:06

标签: javascript html css drag-and-drop right-click

假设您的网站上有受版权保护的图片。你绝对不希望任何人使用这些,但你也不希望在你的网站上的每个图像上都有水印。

为防止用户保存我的内容,我已使用JS禁用右键单击:

document.addEventListener('contextmenu', event => event.preventDefault());

我禁用了拖拉和放大器也放弃了:

<html ondragstart="return false;">

但后来我认为用户可以在浏览器中关闭JavaScript并仍然使用这两个功能。所以我尝试了以下使用CSS(在本网站上找到):

html,body {
    -webkit-user-select: none;
    -moz-user-select:-moz-none;
    -ms-user-select:none;
    user-select:none;
}

不幸的是,这根本不起作用......现在我正在寻找关闭以下内容的最佳方法:

  • 文字选择
  • 右键单击
  • 拖动&amp;降

有人对我提出建议吗?

1 个答案:

答案 0 :(得分:0)

您无法阻止用户复制图片,只能使其不太方便。因此,需要决定您希望在预防方面付出多少努力。

您可以通过所使用的方法阻止不太复杂的用户,但任何图像都包含href(浏览器上的文件路径)。用户可以WGET文件,直接浏览图像,打开开发工具,使用模拟解决方法(如Windows屏幕剪辑工具)等。