gpt4 book ai didi

javascript - 在 HTML 页面上禁用拖放?

转载 作者:行者123 更新时间:2023-11-28 02:28:04 27 4
gpt4 key购买 nike

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

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

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

  • 文本选择
  • 右击
  • 拖放

有人对我有什么建议吗?

最佳答案

您无法阻止用户复制您的图像,只能降低使用的便利性。因此,这取决于您要为此预防付出多少努力。

您将能够通过您正在使用的方法阻止不太熟练的用户,但任何图像都包含 href(浏览器上的文件路径)。用户可以 WGET 文件、直接浏览图像、打开开发工具、使用模拟解决方法(如 Windows 屏幕截图工具)等。

关于javascript - 在 HTML 页面上禁用拖放?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47838511/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com