移动端按钮的: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();});