HTML5:在移动端禁用长按选中文本功能

很多时候,我们在写的手机页面需要用户进行长按然后响应一个事件.但是在微信中用户的长按操作被默认为谈出来一个复制的选项.那么这个时候如何去禁止这个东西呢?

其实很简单,方法看下面:

只需要在你需要禁止的页面的CSS表里面添加上这一段代码就可以了:

* {
    -webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
      touch-callout:none;
 }

然后这个属性关于他的浏览器的支持的一个情况是什么样的呢?


兼容性


user-select的兼容性.png

这样就可以完成在移动端长按的时候的一个禁止弹窗的功能

 

来源:http://www.jianshu.com/p/b9cf36c52092

posted @ 2017-07-07 09:51  前端一年级  阅读(2636)  评论(0编辑  收藏  举报