Html5移动端克制长按保存图片的三种实现方法

目次

• 1. 问题形貌
• 2. 办理办法
• 2.1 img标签添加css属性
• 2.2 设置为背景图片
• 2.3 图片元素的同级加一个透明盒子

1. 问题形貌

H5移动端 img标签长按，会出现如图效果⬇️

那么该怎样修改，能避免长按保存图片利用呢？

2. 办理办法

2.1 img标签添加css属性

pointer-events是一个[code]css3属性[/code]，用于指定元素是否能相应鼠标(或触摸)变乱

2.2 设置为背景图片

2.3 图片元素的同级加一个透明盒子

在img图片层增长遮罩，设置透明度为0，如许图片不会被点击，也不会出现长按保存图片利用。

上述三种方案均可

到此这篇关于Html5移动端克制长按保存图片的三种实现方法的文章就介绍到这了,更多相关Html5克制长按保存图片内容请搜索脚本之家从前的文章或继续浏览下面的相关文章，盼望各人以后多多支持脚本之家！