html5移动端中如何禁止长按图片保存(html5,开发技术)

时间:2024-05-04 09:14:54 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    html5%E7%A7%BB%E5%8A%A8%E7%AB%AF%E4%B8%AD%E5%A6%82%E4%BD%95%E7%A6%81%E6%AD%A2%E9%95%BF%E6%8C%89%E5%9B%BE%E7%89%87%E4%BF%9D%E5%AD%98

在移动端访问H5页面的时候,长按图片就会把图片保存起来,为了能够让用户体验更好一些,我们需要长按的时候也不保存图片。那该如何实现呢?下面给出3种解决方案。

亲测有效,适用于微信客户端的手机页面,图片被打开的情况.

-webkit-touch-callout主要用于禁止长按菜单。当然针对webkit内核的浏览器。

user-select属性是css3新增的属性,用于设置用户是否能够选中文本。

图片上边加一层div类似于遮罩层,这样图片就不会被点击,右击或长按也不会出现如图的图片另存为的选项了。 代码示例如下:

本文:html5移动端中如何禁止长按图片保存的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:如何解决html5中rem适配与viewport适配问题下一篇:

8 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18