禁止复制页面内容

2019-07-04 713 0 admin 所属分类:Javascript

JS代码

//网页禁止复制  body oncopy事件中 设置 return false；
//oncopy、onpase事件：复制、粘贴事件，可用于多数控件
// div 没有oncopy事件，  body 与 文本框有这个事件
function forbidCopy() {
    window.alert("网页的内容，自能看，不能动！");
    return false;
}

<body  oncopy="forbidCopy();" >
    你的内容
</body>

//IE6-9 不支持上面CSS样式

document.body.onselectstart = document.body.ondrag = function() {
    return false;
}

Css设置

body{
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

jquery

$(function() {
    $('body').attr('unselectable', 'on').css('user-select', 'none').on('selectstart', false);
});