最近在项目中遇到了需要长按选中礼物码的东西,需要把礼物码旁边的文本禁止掉,查了资料,发现了两种方法可以禁止。
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版本)中,长按会弹出保存图片选项(还没有找到原因):
其他未验证方法:
新增事件 contextmenu 可以实现:
$('button').bind('contextmenu', function(e) {
e.preventDefault();
})
顺便贴一下本人的博客:yellowlemon的博客