取消手机端页面长按图片出现保存或者图片被打开的方法

本文介绍如何通过CSS禁止移动端用户对页面图片进行收藏、保存及打开等操作,包括使用pointer-events属性阻止图片点击行为及设置全局样式防止内容选取。

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

荆轲刺秦王

如题描述:长按移动端页面图片会出现收藏或保存图片提醒,还有微信手机端页面会

出现打开图片的情况,下面说一下如何取消这种情况。


1.使用 pointer-events:none

给  img 标签加样式:img{pointer-events:none}

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


2.加全局样式

         *{

            -webkit-touch-callout: none;

            -webkit-user-select: none;

            -moz-user-select: none;

            -ms-user-select: none;

            user-select: none;

          }

            

详情参照 CSS参考手册----用户界面:

http://www.css88.com/book/css/properties/user-interface/pointer-events.htm




评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值