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

-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是你长按的元素。加上这句之后,浏览器页面也不会出现菜单了,长按的问题得到解决。

原文地址:https://www.cnblogs.com/Forever-0209/p/13468151.html