H5移动端页面禁用长按选中文本

Posted 2023-05-01

参考技术A 此段css样式加入后能解决ios下手机浏览器，微信浏览器长按出现选择系统菜单问题，但是对于android下微信浏览器还会出现不兼容问题。

JavaScript禁用页面内容选中和复制操作

禁用页面内容选中和复制操作

*{
    -webkit-user-select:none;
    -moz-user-select: none; 
    -ms-user-select: none;     
    user-select:none;/*禁用页面内容选中和复制操作*/        
    -webkit-touch-callout:none;/*禁用长按页面时的弹出菜单(iOS下有效)*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);/*去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)*/         
}