首页 > 移动平台 > 详细

禁用移动端浏览器长按默认事件

时间:2021-02-09 10:16:40      阅读:70      评论:0      收藏:0      [点我收藏+]

最近在做移动端的需求时,有一个长按的需求,总是会触发移动端浏览器自带的长按效果,而且文字也会被选中,所以需要修改为文字不能被选中,浏览器默认长按效果禁止掉。

*{
	-webkit-touch-callout:none;/*系统默认菜单被禁用*/
	-webkit-user-select:none;/*webkit浏览器*/
	-khtml-user-select:none;/*早起浏览器*/
	-moz-user-select:none;/*火狐浏览器*/
	-ms-user-select:none;/*IE浏览器*/
	user-select:none;/*用户是否能够选中文本*/
 }
作者:天涯的海风
链接:https://www.jianshu.com/p/dd7d77c9a921(就是顶部链接)
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

  以上是禁止选中文本,增加上述css后会出现一下问题:
1.据说ios的input框会无法聚焦(没有试验过),解决如下:

input {
    -webkit-user-select: auto;
}

2.据说安卓的微信浏览器不起作用(安卓的微信浏览器起不起作用我不清楚,但是安卓华为的自带浏览器确定是不起作用的),解决如下:

document.oncontextmenu=function(e){

    e.preventDefault();

};

将系统的默认长按菜单事件禁止掉

禁用移动端浏览器长按默认事件

原文:https://www.cnblogs.com/xiaoliang-/p/14391810.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!