HTML5:在移动端禁用长按选中文本功能
很多时候,我们在写的手机页面需要用户进行长按然后响应一个事件.但是在微信中用户的长按操作被默认为谈出来一个复制的选项.那么这个时候如何去禁止这个东西呢?
其实很简单,方法看下面:
只需要在你需要禁止的页面的CSS表里面添加上这一段代码就可以了:
* {
-webkit-touch-callout:none;
-moz-touch-callout:none;
-ms-touch-callout:none;
touch-callout:none;
}
然后这个属性关于他的浏览器的支持的一个情况是什么样的呢?
兼容性
![](http://upload-images.jianshu.io/upload_images/1277083-0dee306c20716f40.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
user-select的兼容性.png
这样就可以完成在移动端长按的时候的一个禁止弹窗的功能
来源:http://www.jianshu.com/p/b9cf36c52092
重拾梦想 改写人生