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

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

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

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

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

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


兼容性

HTML5:在移动端禁用长按选中文本功能_第1张图片
user-select的兼容性.png

这样就可以完成在移动端长按的时候的一个禁止弹窗的功能.是不是很简单呢,get it!


你可能感兴趣的:(HTML5:在移动端禁用长按选中文本功能)