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