阻止用户复制并弹窗提醒（兼容ie浏览器）

最新推荐文章于 2023-01-30 16:58:40 发布

原创最新推荐文章于 2023-01-30 16:58:40 发布 · 883 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种阻止用户直接复制网页内容的方法，并通过弹窗提示用户从页面指定位置下载文档，提供两种实现方案，一种是使用自定义警告框，另一种是利用Bootstrap模态框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

阻止用户盗取我们的劳动果实，有时候就需要阻止复制并加以提示。

<div class="essay_all" id="essay_all">
<div class="widget-toc" id="toc"></div>
<textarea class="editor01 " name="editor01" id="editor01" cols="30" rows="10" onselectstart="return false">
你好，请登录网站，进行下载
</textarea>
</div>
</div>

js部分：
1.0版本：
document.getElementById('essay_all').addEventListener('copy', function (e) { // 阻止用户复制并弹窗提醒
var e = e || window.e;
var oAlert=document.createElement('div'),
oYse = document.createElement('span');
oAlert.style.position='fixed';
oAlert.style.left='35%';
oAlert.style.top='30%';
oAlert.style.backgroundColor='#00ff00';
oAlert.style.width='200px';
oAlert.style.height='200px';
oAlert.style.borderRadius='10px';
oAlert.style.innerText='请从右上角选择文档下载，比复制更方便';
oYse.style.innerText='知道了';
oYse.style.position='absolute';
oYse.style.left='calc(50%-20px)';
oYse.style.bottom='30px';
oYse.style.backgroundColor='deeppick';
oYse.onclick=function(){
document.body.removeChild(oAlert);
}
oAlert.appendChild(oYse);
document.bosy.appendChild(oAlert);
// 把剪切板内容设置为提醒用户的文字
e.preventDefault();
if (e.clipboardData) {// 标准浏览器 e.clipboardData属性
e.clipboardData.setData('text/plain', '请从右上角选择文档下载，比复制更方便');
e.clipboardData.setData('text/html', '<b>请从右上角选择文档下载，比复制更方便</b>');
}else { // IE 全局clipboardData属性
window.clipboardData.setData('text', '请从右上角选择文档下载，比复制更方便');
}
});
v2.0版本配合bootstrop中的模态框
document.getElementById('essay_all').addEventListener('copy', function (e) { // 阻止用户复制并弹窗提醒
var e = e || window.e;
$("#copy-alert").modal();
// 把剪切板内容设置为提醒用户的文字
e.preventDefault();
if (e.clipboardData) {// 标准浏览器 e.clipboardData属性
e.clipboardData.setData('text/plain', '请从右上角选择文档下载，比复制更方便');
e.clipboardData.setData('text/html', '<b>请从右上角选择文档下载，比复制更方便</b>');
}else { // IE 全局clipboardData属性
window.clipboardData.setData('text', '请从右上角选择文档下载，比复制更方便');
}
});