移动端页面阻止长按复制和弹出菜单

-webkit-touch-callout: none; /* iOS Safari */

-webkit-user-select: none; /* Chrome/Safari/Opera */

-khtml-user-select: none; /* Konqueror */

-moz-user-select: none; /* Firefox */

-ms-user-select: none; /* Internet Explorer/Edge */

user-select: none; /* Non-prefixed version, currently not supported by any browser */

 

user-select 能够阻止文字选择，但是不能阻止菜单出现。为了禁用长按出现菜单，我们需要对长按的元素加以下js：

node.addEventListener('contextmenu', function(e){ e.preventDefault(); });

node是你长按的元素。加上这句之后，浏览器页面也不会出现菜单了，长按的问题得到解决。