首頁 > web前端 > js教程 > javascript實作禁止複製網頁內容

javascript實作禁止複製網頁內容

PHPz
發布: 2018-09-30 10:09:11
原創
1168 人瀏覽過

這篇文章主要介紹了javascript實作禁止複製網頁內容,需要的朋友可以參考下。

做個筆記:

// 禁用右键菜单、复制、选择
$(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"
    });
});
登入後複製

防止禁用JavaScript後失效,可以寫在CSS中(新版瀏覽器支持,並逐漸成為標準):

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属性 */
}
登入後複製

程式碼很簡單,實現的功能卻很實用,不過要提示的是,在這個自由的網路上其實做禁止複製不是件很值得推廣的事,大家依情況實用吧。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板