DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript實現禁止復制網頁內容
javascript實現禁止復制網頁內容
編輯:關於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屬性 */
}

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved