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

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

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

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

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

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


兼容性

user-select的兼容性.png

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


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,608评论 25 708
  • 感恩假期的自由时间与好友们,聚会聊天,收到大家赠送的礼物,谢谢我时间的种子,给他人惊喜的种子开花,我爱你 感恩爸妈...
    妮妮Gloria阅读 178评论 0 0
  • 今天劳动节,我在加班,窗外雨好大,就上一张照片吧!
    lemei阅读 116评论 0 1