移动端按钮的:active伪类是无效

Question

长按press事件会导致浏览器弹出菜单，苹果的可以用：请输入代码-webkit-touch-callout:none;来禁止，但是安卓的不行。禁止弹出只能用j加粗文字s来控制:window.ontouchstart=function(e){e.preventDefault();};这样一来：active就失效了。请问有什么办法既能保证按钮的:active，又能禁止安卓浏览器长按弹出菜单？

Answer 1

document.body.addEventListener('contextmenu',function(e){
e.preventDefault();
});
传送门
                            

Answer 2

css来禁用长按选择文字功能
*{
-webkit-touch-callout:none;
-webkit-user-select:none;
-html-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
user-select:none;
}
js的话就用
node.addEventListener('contextmenu',function(e){
e.preventDefault();
});