微信端禁止长按保存图片到本地

最新推荐文章于 2024-09-13 13:38:21 发布
原创 最新推荐文章于 2024-09-13 13:38:21 发布 · 2.9k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种通过CSS样式禁用网页中图片的鼠标事件和用户选择行为的方法，实现方式简单有效，适用于需要防止用户误操作或保持页面整洁的设计需求。

添加一行样式搞定

img{

    pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;

}

统信系统UOS桌面版V20 用户手册
Reyn_观极
07-27 2万+
UOS桌面版V20用户手册。
微信公众号 - 禁用 H5 网页长按图片时弹出的菜单（转发给朋友 / 保存到手机 / 收藏 / 搜一搜），苹果安卓系统都可暴力 100% 完美禁用菜单，任何前端框架、任何浏览器都适用的解决方案
🏆 前端领域优质创作者
02-16 6158
微信公众号网页H5禁用长按弹出的菜单，uniappvue项目H5网页在微信浏览器怎么禁用长按图片弹出的菜单，微信公众平台禁用微信h5的长按弹窗，禁用h5页面中长按图片弹出的弹层，reactvueuniapp网页H5怎么禁止微信公众号h5页面长按弹出菜单，前端公众号网页如何禁用长按图片显示的菜单，H5网站微信公众号页面禁止长按弹出系统菜单,兼容ios和安卓，微信公众号h5页面图片长按问题，彻底解决H5页面中长按保存图片，HTML5网页公众号移动端网页怎么把长按图片弹出的菜单去掉，微信公众号-禁用
禁止微信长按保存图片
weixin_30326741的博客
07-15 1352
事情的经过是这样的，有一天我去公司其他部门咨询链接底层服务的事情。正好当时他们部门的前端小伙伴遇到一个bug。这个bug是这样的，在微信里内嵌的H5页面中有一个图片。然而呢！图片绑定了一个点击事件。大家都知道，在手上访问H5页面的时候，长按图片就会把图片保存起来。为了能够让用户体验更好一些，我们需要长按的时候也不保存图片。还能触发点击事件。当时他们咨询我这Bug怎么解决，我呢回去就围绕...
微信APP长按图片禁止保存到本地
weixin_30527551的博客
03-27 847
项目遇到一个问题，在web页面中，禁止长按图片保存， 使用css属性： img{pointer-events:none;} 或者 img{-webkit-user-select:none;} 无效， 以上属性在浏览器中是可以实现长按不能保存的， 接下来思考到既然要让图片不能触发手机自带的长按保存事件，需要让图片失去焦点， 如何失去焦点呢，其实很简单，只要在图片上...
取消手机端页面长按图片出现保存或者图片被打开的方法
葬爱家族王富贵
05-28 8679
荆轲刺秦王如题描述：长按移动端页面图片会出现收藏或保存图片提醒，还有微信手机端页面会出现打开图片的情况，下面说一下如何取消这种情况。1.使用 pointer-events:none给  img 标签加样式：img{pointer-events:none}亲测有效，适用于微信客户端的手机页面，图片被打开的情况2.加全局样式         *{            -webkit-touch-ca...
微信内置浏览器动态生成二维码并长按识别
全栈道路
06-07 2535
现如今围绕微信生态相关开发已经非常常见，本期带来如何通过 qrcode.js 实现微信内置浏览器动态生成二维码并能够长按识别 以及 通过 html2canvas 生成图片并长按保存 说几个知识点 微信长按弹出识别选项的原理 微信客户端检测到用户长按img标签微信主动进行截屏并识别图片，二维码识别采用的是截屏而不是通过img标签微信识别成功后执行相关操作 Base64 Base64是网络上最常见的用于传输8Bit字节码的编码方式之一，Base64就是一种基于64个可打印字符来表示二进制数据的方法.
求职与面试(一):Android必备
Floating Cat
02-26 2万+
前几天整理了Java面试题集合,今天再来整理下Android相关的面试题集合.如果你希望能得到最新的消息,可以关注https://github.com/closedevice/interview-about,我会不断的增加和修正相关问题的描述.
ym——android源码大放送（实战开发必备）
热门推荐
陈宇明
08-10 4万+
文件夹 PATH 列表 卷序列号为 000A-8F50 E:. │  javaapk.com文件列表生成工具.bat │  使用说明.txt │  免费下载更多源码.url │  目录列表.txt │   ├─android web应用 │      jqmDemo_static.zip │      jqmMobileDemo-master.zip │      jqmMo
渗透测试之安全手册（干货）
保持微笑的博客
10-31 5580
渗透测试之安全手册
微信小程序图片预览禁止保存
清音的博客
05-12 2487
样式自定义的，不用管； mode="widthFix" 表示让图片宽度固定，高度自适应 <view class="w-750"> <image wx:if="{{info && info.bj_img}}" class="w-750" mode="widthFix" src="{{info.bj_img}}" bindtap='previewImg' data-src='{{info.bj_img}}'></image> </view&
JS实现网站内容的禁止复制和粘贴、另存为
小酷陪你玩安卓
02-26 5303
1、使右键和复制失效 方法1： 在网页中加入以下代码： <script language="Javascript"> document.oncontextmenu=new Function("event.returnValue=false"); document.onselectstart=new Function("event.returnValue=false"
微信小程序保存图片（长按保存and点击保存）
07-02 1万+
一、长按图片保存 只需要image标签给上‘ show-menu-by-longpress=‘1’’属性，就可以实现长按保存功能及长按识别图片中小程序二维码，特别方便 <image src="1.png" show-menu-by-longpress='1'></image> 二、点击按钮保存图片至相册 如果调取用户授权访问相册，在用户拒绝后，安卓会出现无法再继续保存的问题，这边给出苹果和安卓都适用的方法，代码如下： <button bindtap="savePoster"&
微信 h5 image禁止长按保存图片
qq_43529068的博客
03-14 1318
微信 h5 image禁止长按保存图片。
微信浏览器中长按图片无法保存
最新发布
qq_59192763的博客
09-13 804
问题描述::通过画布生成的图片在微信浏览器中长按无法保存或者识别二维码，安卓部分图片出现此情况，iPhone正常，初步分析是图片太大导致。解决方法:导出base64图片时压缩图片质量。
【web前端】20.手机端网页禁止长按图片保存图片
返璞归真
07-15 8111
最近做项目遇到一个问题，就是img图片长按会从底部弹出来保存图片的弹框，因为页面上不需要这个功能，所以产品要求去掉，解决这个问题，有两种方法： 1. 利用css img属性 img {pointer-event:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;} 2. 设置背景图片 用div层的ba...
H5如何禁止长按图片保存
alize的博客
07-12 1万+
img{ pointer-events:none;/* 禁止长按图片保存 */ }
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

沉默是金~

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值