微信公众号页面禁止长按弹出系统菜单,兼容ios和安卓

最近做的一个微信公众号需求,需要长按呼出有删除按钮的浮层,可是长按的时候也会弹出系统菜单“选择复制”和“在浏览器打开”,这里记录一下解决方案。

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和安卓。

你可能感兴趣的:(移动端开发)