移动端禁止图片/文字长按默认行为

移动端 app内 ios系统会出现长按某个图标会出现大图展示以及调出控制面板，这样的话用户体验不好，不像是原生的页面，下面提供遇到这个问题后解决的方法，亲测有效：

    img {-webkit-touch-callout: none; // 禁用系统默认菜单、img元素比如保存图像等等pointer-events: none;// 阻止点击、状态变化和鼠标指针变化：}.text{-webkit-user-select: none;    // 禁止长按选择文字/图片行为 }.content{-webkit-touch-callout: none;// 禁止长按呼出菜单}

移动端禁止图片/文字长按默认行为相关推荐

微信浏览器返回刷新，监听微信浏览器返回事件，网页防复制，移动端禁止图片长按和vivo手机点击img标签放大图片
以下代码都经过iphone7,华为MT7 ,谷歌浏览器,微信开发者工具,PC端微信验证.如有bug,还请在评论区留言. demo链接:https://pan.baidu.com/s/1c35mbjM ...
微信浏览器移动端禁止图片放大图片效果
解决第三方网页在微信浏览器中点击图片自动放大,因为微信Android客户端已经在底层支持img标签自动放大功能: 传统方式: $(document).on('click', 'img', e => ...
移动端禁止/阻止/取消长按进行复制粘贴的操作
最近的项目要求实现一个长按添加关注的功能,后来功能做好了,但是安卓手机长按的时候居然会在周边随便选中文字弹出自带的复制粘贴的操作,后来在网上搜了个样式控制的方法: *{-webkit-touch-ca ...
电脑端怎样具体操作图片文字识别？
办公室职员最离不开的就是电脑了,那么大家平时会不会操作图片文字间的转换呢?并且是电脑端的图片文字识别.如果不会的话,可以看看今天小编的分享哈. 图片转文字的具体操作: 第一步:打开OCR文字识别软件, ...
手机端 html5 按长按保存图片尺寸,html5移动端禁止长按图片保存的实现
在移动端访问H5页面的时候,长按图片就会把图片保存起来,为了能够让用户体验更好一些,我们需要长按的时候也不保存图片.那该如何实现呢?下面给出3种解决方案. 方案一:使用 pointer-events: ...
html页面禁止右键、禁止复制、禁止图片拖动、禁止复制和剪切禁止IOS长按复制粘贴实现
html实现页面禁止右键禁止复制禁止图片拖动禁止复制和剪切众所周知,一般的屏蔽的方法是用JS来编写的脚本,但是也可以直接通过修改网页属性的方法来屏蔽右键禁止复制. 禁止右键oncontex ...
苹果端手机微信页面长按图片无法保存的解决方案
苹果端手机微信页面长按图片无法保存的解决方案参考文章: (1)苹果端手机微信页面长按图片无法保存的解决方案 (2)http://www.cnblogs.com/xiaofengju/p/580748 ...
Tools_@截屏工具@OCR识别工具@图片文字翻译工具长截屏,普通截屏套件推荐(by QQ)@鼠标键盘动作录制
文章目录 Tools_@截屏工具@OCR识别工具@图片文字翻译工具长截屏,普通截屏套件推荐(QQ自带) 全局录屏/长截屏: OCR 优点不足 quicker动作鼠键录制工具
photoswipe.js——移动端图片文字放大缩小
指势触控简介 PhotoSwipe 是专为移动触摸设备设计的相册/画廊,支持触控网页上所有内容放大缩小,兼容所有iPhone.iPad.黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/Jav ...

移动端禁止图片/文字长按默认行为

移动端禁止图片/文字长按默认行为相关推荐

最新文章

热门文章