ipad webapp禁止长按选择

1.禁止长按屏幕弹出对话框并选中文字 /*禁止长按选择文字事件*/ * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 2.页面滑动加速(惯性) /*滚动加速*/ body, html { -webkit-overflow-scrolling:…

移动端web禁止长按选择文字以及弹出菜单

/*如果是禁用长按选择文字功能,用css*/ * { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } input { -webkit-user-select:auto; /*webkit浏览器*/ } // 如果是想禁用长按弹出菜单, 用js window.a…

移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片【转载】

移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片 img{ pointer-events: none; } 源文地址:https://www.cnblogs.com/liuqingxia/p/8716475.html…

h5页面在ios机上禁止长按复制

(注意,增加之后需要对input的另外设置,不然输入框无法输入)场景:H5出现一个按钮需要长按几秒展示动画的,如:skcs.net-tactic.com/wap/peace/index,这时就需要用到禁止苹果的 ios机默认存在长按复制选择,用以下代码取消: *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/…

webapp中的日期选择

你是否在开发webapp时,选择用哪种第三方日期选择控件绞尽脑汁? 其实不用那么麻烦,现在移动端都是WebKit内核,支持HTML5,其实只要弱弱的将input中将type="date"就OK了,操作系统会自动识别为日期类型并调用系统自带的日期选择.不用在意日期控件的样式不统一,因为who cares?o(╯□╰)o,大家都是盯着自己的手机,谁选个日期还去比较其他手机呢? 最近看见有个比较牛逼的日期选择插件mobiscroll,网上的口碑特别好,我也下载过来玩了一下,之所以说他牛逼不完…

iOS长按选择

确实,其实就是一个长按手势 + 图片二维码识别,原生SDK从8.0开始支持 /** * 从照片中直接识别二维码 * @param qrCodeImage 带二维码的图片 * @param myQRCode 二维码包含的内容 */ + (void)readQRCodeFromImage:(UIImage *)qrCodeImage myQRCode:(void(^)(NSString *qrString,NSError *error))myQRCode;{ UIIma…

移动端H5页面禁止长按复制和去掉点击时高亮

/*设置IOS页面长按不可复制粘贴,但是IOS上出现input.textarea不能输入,因此将使用-webkit-user-select:auto;*/ *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /…

#iOS问题记录# UITextview富文本链接，禁止长按事件

UITextView的富文本组装,添加图片点击事件,启动 - (BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange:(NSRange)characterRange: 一切正常,但问题是长按的时候,会弹出下边(打开-拷贝-分享)弹框,原因是上函数的返回值引起.当返回值为YES时,文本在接收点击事件后, 会继续其他更多的事件监听.当返回NO后,则只处理此次点击事件,不再监听本次的其它事件,比如…

webApp禁止用户保存图像

img { -webkit-touch-callout: none; }…

css 禁止长按保存功能

*{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} 或者指定某个元素添加#div{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}…

移动端 css 禁止长按屏幕选中

*{ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }…

禁止select标签选择，禁止select组件change值

大家知道, 对于HTML控件select, 是没有readOnly属性的,所以设置它并不起作用,如: 如果用disabled的话,提交时又取不到值. 那有什么方法可以实现?可以有一个折中的方法,如下: <select id="select1" onchange="this.selectedIndex=this.defOpt;"> <option value="aa">aa</option> <option…

H5---禁止长按

以上行为可以总结成这几个(每个手机以及浏览器的表现形式不一样):长按图片保存.长按选择文字.长按链接/手机号/邮箱时呼出菜单. 想要禁止这些浏览器的默认行为,可以使用以下CSS: // 禁止长按图片保存 img { -webkit-touch-callout: none; pointer-events: none; // 像微信浏览器还是无法禁止,加上这行样式即可 } // 禁止长按选择文字 div { -webkit-user-select: none; } // 禁止长按呼出菜单 div {…

H5移动端开发遇见的东西

常见的有viewport.强制浏览器全屏.IOS的Web APP模式.可点击元素出现阴影本文主要讲一些其他的或者实用的优化手段. 1. 弹出数字键盘  <input type="tel">  <input pattern="\d*"> 安卓跟IOS的表现形式应该不一样,大家可以自己试试.当运用了正则pattern…

JQuery Mobile - html5+CSS 禁止IOS长按复制粘贴实现

因为在移动端APP需要实现长按执行别的事件,但是在IOS系统有默认的长按选择复制粘贴,禁止此功能在网上找了很多资料,最终整理出目前最好的解决方法.实际测试,也并不是很理想,但是可能没有更好办法了! /*设置IOS页面长按不可复制粘贴,但是IOS上出现input.textarea不能输入,因此将使用-webkit-user-select:auto;*/ *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*…

微信浏览器返回刷新，监听微信浏览器返回事件，网页防复制，移动端禁止图片长按和vivo手机点击img标签放大图片

以下代码都经过iphone7,华为MT7 ,谷歌浏览器,微信开发者工具,PC端微信验证.如有bug,还请在评论区留言. demo链接:https://pan.baidu.com/s/1c35mbjM 密码:5yyf 1.移动端微信浏览器返回刷新事件,在返回后的页面上加上以下代码: <script type="text/javascript"> $(function () { var isPageHide = false; window.addEventListener('p…

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

项目遇到一个问题,在web页面中,禁止长按图片保存, 使用css属性: img { pointer-events: none; } 或者 img { -webkit-user-select: none; } 无效, 以上属性在浏览器中是可以实现长按不能保存的, 接下来思考到既然要让图片不能触发手机自带的长按保存事件,需要让图片失去焦点, 如何失去焦点呢,其实很简单,只要在图片上遮一层盒子就行啦~ 上代码: <!DOCTYPE html> <html> <head>…

CSS样式表能否控制文字禁止选择,复制, 焦点

div中禁止文字被选择在做div的点击计数事件时,遇到一个小问题. 因为div里面有文字,所以当点击多次时,特别是鼠标点的比较快的时候,文字会被选中. 查了下,用css和javascript可以实现禁止选择. css代码:/* css style: */html,body{-moz-user-select: none;-khtml-user-select: none;user-select: none;} <div unselectable="on" onselectstart…

（任寒韬）WebApp群主 - MobileTech 资料

web app : http://www.lightapp.cn/brand/index/4101 https://github.com/jtyjty99999/mobileTech/blob/master/README.md mobileTech A useful tools or tips list for mobile web application developing 这个项目收集移动端开发所需要的一些资源与小技巧工具类网站 HTML5 与 CSS3 技术应用评估各种奇妙的hack…

webAPP前端必备知识

了解各浏览器内核 Firefox:-moz-box-shadow Safari:-webkit-box-shadow Opera:-o-box-shadow IE:-ms-box-shadow WebKit 是一个开源的浏览器引擎,与之相对应的引擎有Gecko(Mozilla Firefox 等使用)和Trident(也称MSHTML,IE 使用).同时WebKit 也是苹果Mac OS X 系统引擎框架版本的名称,主要用于Safari,Dashboard,Mail 和其他一些Mac OS X…

[HTML] H5在webApp中的注意事项

常用的meta标签  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <!--备注:width 设置viewport宽度,为一个正整数,或字符串‘device-width’ height 设置viewport高度,一般设置了宽度,会自动解…

详讲H5、WebApp项目中常见的坑以及注意事项

首先我们中会有一些常用的meta标签,如下:  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" /> 备注:width 设置viewport宽度,为一个正整数,或字符串‘device-width’ height 设置viewport高度,一般设置了宽…

【转】TextView长按复制实现方法小结

有这么一个需求,用户在浏览文本信息时希望长按信息就能弹出复制的选项方便保存或者在别的页面使用这些信息.类似的, 就像长按WebView或者EditText的内容就自动弹出复制选项. 这里面主要是2个特点: 1,用户只能浏览文本信息而不能编辑这些文本信息; 2,用户对着文本信息长时间点按可以弹出”复制” 选项实现复制; 网上有好多种方法可实现,也比较零散, 此处做个小结,希望有所帮助. 1,通过继承EditText,自定义TextView 1 2 3 4 5 6 7 8 9 10 11 12 13…

移动webAPP前端开发技巧汇总2

一.关于单位的使用可能在传统的PC端来说,1px=1px的比例.而在移动端却不是这样,1px = ?. 因为出现了一个像素密度这样个东西,就不能在移动端使用“PX”这个单位.可能在你的大屏手机是1px等于1点几个像素,可能在小屏手机却刚好.就好比网页的兼容性一样,浏览器的内核不同,解析当然会有所不同! 正好,CSS3又给你出现了一个新的单位“rem”.当然出现了这样的问题,首先我们就会去问问神奇的“百度”.大多数网友给出的答案是:“给html根元素的字体大小设置font-size:62.5%,…

webApp总结

有关Meta 基本Meta  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /><!-- 适配iPhone X,让应用的背景铺满全屏(否则刘海部分跟内容部分颜色不一样)<meta name="viewport" content="…

[Android] TextView长按复制实现方法小结（转载）

这是别人写的,既然别人总结过了,那我就不花时间研究这个了,但往后会补充一些使用经验之类的原文地址:http://blog.csdn.net/stzy00/article/details/41477813 本文地址:http://www.cnblogs.com/rossoneri/p/4432499.html 有这么一个需求,用户在浏览文本信息时希望长按信息就能弹出复制的选项方便保存或者在别的页面使用这些信息.类似的, 就像长按WebView或者EditText的内容就自动弹出复制选项. 这里面…

WKWebView 屏蔽长按手势 - iOS

研究半天还跟正常套路不一样,WKWebView 需要将 JS 注入进去,套路啊 ... 查半天资料,为了后者们开发可以提高效率,特此分享一下,不到的地方多多包涵哈. 废话不多说,直接上 code,将如下 code 直接 copy 进 WKWebView 控件实例化的地方即可. //禁止长按弹出 UIMenuController 相关 //禁止选择 css 配置相关 NSString*css = @"body{-webkit-user-select:none;-webkit-user-drag:n…