移动端-禁止长按选中文本

最近在项目中遇到了需要长按选中礼物码的东西,需要把礼物码旁边的文本禁止掉,查了资料,发现了两种方法可以禁止。

css方法:

.no-touch {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

添加一个类,对于需要禁止的dom添加这个类

JS方法:

ontouchstart="return false;"

在需要禁止的dom上添加这段代码

两种方法对于安卓和IOS的支持我没有单独测试。两个同时使用,对于安卓和IOS可以起到禁止作用。

备注:

1、在手机UC浏览器中,如果添加了这段meta标签,则全文无法长按调起菜单:

<meta name="browsermode" content="application"/><!-- uc不能复制网页内容 需要复制去掉即可-->

2、在手机QQ浏览器(IOS版本)中,长按会弹出保存图片选项(还没有找到原因):

qq浏览器(IOS版本)保存选项

其他未验证方法:

新增事件 contextmenu 可以实现:

$('button').bind('contextmenu', function(e) {
  e.preventDefault();
})

顺便贴一下本人的博客:yellowlemon的博客

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,387评论 25 708
  • 我遇见这样一个女子。 她是一个有才气的女子。那些畅快流淌出来的文字,那些创作而成带韵味的古诗词,那些充满诗意的散文...
    心的暖暖阅读 421评论 2 4
  • 琼管灰飞时节,漫问东君,此日春分? 放眼冷风流彻,冻雨封尘。回首攒眉,三杯两盏,淡酒沾唇。笑醉去潦倒,残诗落寞,一...
    高天洁雨18阅读 195评论 0 2
  • 2014.11.11 阴 Hey Dear, I’d hear your breath In my dream, ...
    十一月乘衣归阅读 163评论 0 1
  • 看着微信上写着4个小时前发布的文章,回想起昨天晚上因为玩high了,导致没时间写稿子,导致睡眠时间推迟,导致现在晕...
    洪小狼阅读 199评论 0 1