禁止在HTML页面上拖放？

Question

假设您的网站上有受版权保护的图片。 您绝对不希望任何人使用它们，但是您也不想在网站上的每个图像上都使用水印。

为了防止用户保存我的内容，我禁用了使用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;
}

不幸的是，这根本不起作用...现在，我正在寻找关闭以下各项的最佳方法：

有人对我有建议吗？

Answer 1

您不能阻止用户复制您的图像，只能使它不太方便。 因此，要确定您要为此预防工作付出多少努力。

您将可以通过使用的方法来阻止不太熟练的用户，但是任何图像都包含href（浏览器上的文件路径）。 用户可以WGET文件，直接浏览到图像，打开开发工具，使用模拟解决方法（例如Windows屏幕截图工具）等。