通过js+css防止网页复制（不仅限于文字）

最新推荐文章于 2024-07-11 14:03:29 发布

iteye_11613

最新推荐文章于 2024-07-11 14:03:29 发布

阅读量296

点赞数

分类专栏： CSS JS web前端文章标签： javascript css firefox ie 防复制 ViewUI

本文链接：https://blog.csdn.net/iteye_11613/article/details/82447017

版权

JS 同时被 3 个专栏收录

49 篇文章 0 订阅

订阅专栏

CSS

20 篇文章 0 订阅

订阅专栏

web前端

11 篇文章 0 订阅

订阅专栏

1、firefox下可以通过css来禁止选择复制功能

<style type="text/css" media="screen">   
body {-moz-user-select: none;-webkit-user-select: none;}   
</style>

2、IE中需要用js来限制

<script type="text/javascript">
document.onselectstart = function(e) {
return false;
}
document.oncontextmenu = function(e) {
return false;
}
</script>

完整的结合就是：

<style type="text/css" media="screen">
 body {-moz-user-select: none;-webkit-user-select: none;}
</style>
<script type="text/javascript">
document.onselectstart = function(e) {
    return false;
}
document.oncontextmenu = function(e) {
    return false;
}
</script>
复制下面内容看看<br />
站长特效网，以质量为核心，以实用为目的，打造中国一流网页特效资源站！