最近做了一个微信端付款页面,在实现长按删除键清空输入框时,微信浏览器弹出系统菜单,体验非常差。
尝试使用user-select: none 解决,实测iOS系统有效,但对Android系统无效
iOS系统解决方案:
.keyboard{
-webkit-user-select: none;
user-select: none;
}
Android系统解决方案:
var keyboard = document.querySelector('.keyboard'); //键盘
keyboard.addEventListener('contextmenu', function (e) {
e.preventDefault();
});