微信浏览器禁止复制文本和图片

1、禁止复制文本

html页面增加

<style>
    *{
        -webkit-touch-callout:none;
        -webkit-user-select:none;
        -khtml-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
    }
</style>复制代码

2、禁止

img标签增加样式

<img  style="pointer-events:none" src="xxx.jpg">复制代码

3、php代码示例，常用于后台通过富文本编辑器上传的图文内容，数据存储到数据库，前端查询数据进行展示，处理图文禁止复制、图片居中，测试结果页面在IOS和安卓微信中没问题，其他浏览器可能存在兼容性，解决办法微信禁止分享以及使用oauth；

//调用resetImageLabel方法，传入数据库取出来的HTML代码，前端页面进行展示；
$sHtml = '数据库获取的HTML代码';
resetImageLabel($sHtml); 复制代码

/**
 *  功能：正则替换，给IMG标签增加属性
 *  pointer-events: none，该属性实现了禁止复制
 *  width:100%; display: inherit; 设置图片居中
 */
function resetImageLabel($sHtml) {
   return preg_replace('/<\s*img([^>]*)>/i', '<img style="pointer-events:none; width:100%; display:inherit;" $1>', $sHtml);
}复制代码