网页js css如何禁止手机端长按图片保存

网页如何禁止手机端长按保存图片呢？要阻止在手机端长按图片保存的功能，可以通过CSS样式和JavaScript来实现。以下是一种常见的方法：

HTML:

<img class="no-save-image" src="image.jpg" alt="Image">

CSS:

.no-save-image {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

JavaScript:

const noSaveImages = document.querySelectorAll('.no-save-image');
noSaveImages.forEach(image => {
  image.addEventListener('contextmenu', (event) => {
    event.preventDefault();
  });
});

以上代码将为具有 no-save-image 类的图像元素添加一组CSS规则，以禁用默认的长按菜单。同时，使用JavaScript监听右键点击事件，并通过调用preventDefault()方法来阻止默认行为。

请注意，这仅能阻止大多数情况下的长按保存操作，并不能完全禁止所有方式下的图片保存。高级用户仍然可能采取其他措施绕过此限制。