禁止移动端h5长按下载图片（笔记）

于 2022-12-08 13:56:05 发布

阅读量854

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 css 文章标签： css

342 篇文章

订阅专栏

60 篇文章

订阅专栏

本文介绍了一种方法来防止iOS设备上默认的长按图片行为。通过为图片添加一个带有特定CSS样式的遮罩层，可以阻止长按时显示图片信息。这种方式特别适用于希望禁用长按功能的网页应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ios好像有的默认就不支持长按下载图片
1.

// 长按关闭图片信息
.forbid-touch {
  pointer-events: none;
  user-select: none;
  -webkit-touch-callout: none;
}