• 0
  • 0

禁止复制页面内容

2019-07-04 46 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);
});


返回顶部