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

最新推荐文章于 2023-10-12 10:25:44 发布

原创最新推荐文章于 2023-10-12 10:25:44 发布 · 334 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #css #firefox #ie #防复制 #ViewUI

JS 同时被 3 个专栏收录

49 篇文章

订阅专栏

CSS

20 篇文章

订阅专栏

web前端

11 篇文章

订阅专栏

本文介绍如何在Firefox中通过CSS禁止选择复制功能，并在IE中使用JS限制复制行为。完整代码示例展示，实践性强。

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 />
站长特效网，以质量为核心，以实用为目的，打造中国一流网页特效资源站！