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