最近做的一个微信公众号需求,需要长按呼出有删除按钮的浮层,可是长按的时候也会弹出系统菜单“选择复制”和“在浏览器打开”,这里记录一下解决方案。
css代码如下:
cssSelect{ //这里为css选择器
-webkit-touch-callout:none;/*系统默认菜单被禁用*/
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;/*用户是否能够选中文本*/
}
js代码如下:
window.addEventListener('contextmenu', function(e){
e.preventDefault();
});
以上代码一起使用,可以兼容ios和安卓。