[PWA] Disable Text Selection and Touch Callouts in a PWA on iOS
Because an installed PWA is really just a web app running in a browser, there are some browser behaviors that we may not want in our app, if we're going for a more "native" feel.
We'll first disable the ability to select text in our app by setting the css user-select options to none.
Then, we'll disable the iOS long-press "callout" menu by setting -webkit-touch-callout to none.
App.css
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
[PWA] Disable Text Selection and Touch Callouts in a PWA on iOS的更多相关文章
- Text selection in div(contenteditable) when double click
		背景: 在最近项目中,碰到一个问题:有一个可编辑的div需要双击时可编辑,blur或者回车时将编辑结果保存.你可能注意到双击时,文字会被选中,可编辑区域不会focus到光标位置.考虑到兼容性问题,写了 ... 
- 获得touch事件,jquery绑定事件监听器,ios设备上打开touch状态以响应focus,active等伪类
		2. 默认的监听方式 document.addEventListener('touchstart', function(){ alert('hello'); }, false); 使用jquery时 ... 
- threesixty.min.js 和jquery.threesixty.js使用总结----实现360度展示
		最近公司做一个项目需要360度展示汽车的外观,就用到了threesixty.min.js,自己总结一下使用方法: treesixty.min.js 源码: /*! threesixty-slider ... 
- jQuery treetable【表格多重折叠树功能及拖放表格子元素重新排列】
		今天有个表格需求做到多重折叠子元素功能,仔细想了下实现原理, 1.在html中,把父子节点的关系写在自定义属性,但对于节点是否有孩子(hasChild),是否是最后一个节点(isLastOne),是否 ... 
- JQuery分页插件bs_pagination的应用
		一.引入bs_pagination的js文件以及样式文件(项目中需要引用Jquery和bootstrap的相关js和样式文件,且在以下引用之前): <link href="~/Scri ... 
- Jquery 右键菜单(ContextMenu)插件使用记录
		目前做的项目需要在页面里面用右键菜单,在网上找到两种jquery的右键菜单插件,但是都有各种问题.所以就自己动手把两种插件结合了下. 修改后的右键菜单插架可以根据绑定的触发页面元素不同,复用同一个菜单 ... 
- 浏览器Range,Selection等选中文本对象
		Range对象 Range 对象表示文档的连续范围区域,如用户在浏览器窗口中用鼠标拖动选中的区域. 最常见的Range是用户文本选择范围(user text selection).当用户选择了页面上的 ... 
- sencha Touch 2.4 学习之 XTemplate模板
		XTemplate模板 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> & ... 
- zTouch-移动端触屏开发利器(zepto touch扩展)
		* Zepto.js v1.0.1 touch extend (Zepto.js v1.0.1 的swipe touch扩展)js-处理手机移动端web触屏手势动作. Zepto.js v1.0.1版 ... 
随机推荐
- java中的UDP总结
			先说一下关于InetAddress类,用一个小例子: import java.net.InetAddress; import java.net.UnknownHostException; public ... 
- c#字典序
			using System; using System.Collections.Generic; public class Example { public static void Main() { / ... 
- B-number(hdu 3652)
			题意:找出1~n范围内含有13并且能被13整除的数字的个数 /* 数位DP dp[i][j][0]表示i位数模13为j当前没有包含13并且最高位不为1的方案数: dp[i][j][0]表示i位数模13 ... 
- python  二分法查找思考理解小白向け
			首先说一下二分法查找的思路.这是面向小白的课程,大佬请让步谢谢 给定一个有序的序列(必须是排好序的)例如[1,2,3,4,5,6,7,8,9,10,20,30,400],然后我们查询一个元素出现的坐标 ... 
- 12.OpenStack镜像和存储服务配置
			配置镜像服务 编辑 /etc/glance/glance-api.conf与/etc/glance/glance-registry.conf添加以下内容 [DEFAULT] notification_ ... 
- Mysql 连接池
			数据库连接池的作用: 数据库连接池负责分配.管理和释放数据库连接,它允许应用程序重复使用一个现有的数据库连接,而不是再重新建立一个:释放空闲时间超过最大空闲时间的数据库连接来避免因为没有释放数据库连接 ... 
- Javascript报错Converting circular structure to JSON 错误排解
			在运行nodejs程序的时候报出以下的错误: 2017-11-20 17:44 +08:00: TypeError: Converting circular structure to JSON at ... 
- BestCoder 2nd Anniversary的前两题
			Oracle Time Limit: 8000/4000 MS (Java/Others) Memory Limit: 262144/262144 K (Java/Others)Total Su ... 
- Ionic 存储目录   CORS
			使用不同的存储库结构官方为 { "scripts": { "install": "cd path-to/your-app && npm ... 
- BZOJ1588 营业额统计 (Splay)
			营业额统计 营业额统计 Tiger最近被公司升任为营业部经理,他上任后接受公司交给的第一项任务便是统计并分析公司成立以来的营业情况. Tiger拿出了公司的账本,账本上记录了公司成立以来每天的营业额. ... 
