╃苍狼山庄╃╃苍狼山庄╃

Clang出品,
必属精品!

Javascript实现禁止复制网页内容

一个禁止右键、选择、复制的代码,做个记录方便以后使用,Javascript代码如下:

<!--是否可复制-->
<script>
function stop(){
return false;
}
document.oncontextmenu=stop;
</script>

<script>
// 禁用右键菜单、复制、选择
$(document).bind("contextmenu copy selectstart", function() {
    return false;
});
// 禁用Ctrl+C和Ctrl+V(所有浏览器均支持)
$(document).keydown(function(e) {
    if(e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) {
        return false;
    }
});
// 设置CSS禁止选择(如果写了下面的CSS则不需要这一段代码,新版浏览器支持)
$(function() {
    $("body").css({
        "-moz-user-select":"none",
        "-webkit-user-select":"none",
        "-ms-user-select":"none",
        "-khtml-user-select":"none",
        "-o-user-select":"none",
        "user-select":"none"
    });
});
</script>

为防止浏览器禁用JavaScript后导致上面代码失效,可以在CSS中再添加以下代码(新版浏览器支持,并逐渐成为标准)::

<!--是否可复制-->
<style>
body {
    -moz-user-select:none;  /* Firefox私有属性 */
    -webkit-user-select:none;  /* WebKit内核私有属性 */
    -ms-user-select:none;  /* IE私有属性(IE10及以后) */
    -khtml-user-select:none;  /* KHTML内核私有属性 */
    -o-user-select:none;  /* Opera私有属性 */
    user-select:none;  /* CSS3属性 */
}
</style>

将上面的代码放到下面这个代码之前:

</body>
</html>
本原创文章未经允许不得转载 | 当前页面:╃苍狼山庄╃ » Javascript实现禁止复制网页内容

评论

文章评论已关闭!