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

转载于:https://www.cnblogs.com/wulibo/p/7130538.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值