禁止长按保存或复制图像的实用方法

9 min read

要禁止长按保存或复制图像,您可以在 HTML 中使用 CSS 属性 user-select: none。这将防止用户选择和复制文本和图像。

以下是一些示例代码:

HTML 代码:

<div class="image-container">
  <img src="your-image-url-here.jpg" alt="Your image description">
</div>

CSS 代码:

.image-container {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}

这将禁止用户长按保存或复制图像。请注意,这只能防止大多数用户复制图像,而不能保证完全有效。

请注意,在某些情况下,这可能会破坏网站的可用性,并使用户感到困惑。因此,您应该仔细考虑是否要在您的网站上实现此功能。