H5移动端页面禁止复制技巧

前言:业务需要,需要对整个页面禁止弹出复制菜单。 在禁止的页面中加入以下css样式定义

* { -webkit-touch-callout:none; /*系统默认菜单被禁用*/-webkit-user-select:none; /*webkit浏览器*/-khtml-user-select:none; /*早起浏览器*/-moz-user-select:none; /*火狐浏览器*/-ms-user-select:none; /*IE浏览器*/user-select:none; /*用户是否能够选中文本*/}

还需加入以下JS

实测 IOS禁止呼出复制菜单有效。但在安卓上还无法全部禁止。 安卓UC浏览器上还需加入以下代码,可以禁止长按呼出菜单:

【H5移动端页面禁止复制技巧】安卓QQ浏览器暂时没有找到禁止呼出复制菜单的方法.

    推荐阅读