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浏览器上还需加入以下代码,可以禁止长按呼出菜单:

安卓QQ浏览器暂时没有找到禁止呼出复制菜单的方法.