禁止復(fù)制網(wǎng)站內(nèi)容的方法及代碼

禁止復(fù)制網(wǎng)站內(nèi)容的方法及代碼，相信有很多人都不太了解，今天小編為了讓大家更加了解禁止復(fù)制網(wǎng)站內(nèi)容的方法，所以給大家總結(jié)了以下內(nèi)容，一起往下看吧。

成都創(chuàng)新互聯(lián)公司憑借專業(yè)的設(shè)計(jì)團(tuán)隊(duì)扎實(shí)的技術(shù)支持、優(yōu)質(zhì)高效的服務(wù)意識(shí)和豐厚的資源優(yōu)勢(shì)，提供專業(yè)的網(wǎng)站策劃、成都做網(wǎng)站、成都網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、軟件開發(fā)、網(wǎng)站改版等服務(wù)，在成都十載的網(wǎng)站建設(shè)設(shè)計(jì)經(jīng)驗(yàn)，為成都成百上千中小型企業(yè)策劃設(shè)計(jì)了網(wǎng)站。

若是你不想別人復(fù)制你的網(wǎng)站內(nèi)容，可以把這段js代碼加到你網(wǎng)頁上，即可屏蔽鼠標(biāo)右鍵菜單、復(fù)制粘貼、選中等。

有時(shí)候的需求是網(wǎng)站中有些內(nèi)容不希望別人復(fù)制，那么就需要用代碼控制。

方法有多種：

第一種：

//屏蔽右鍵菜單 
document.oncontextmenu = function(event) { 

    if (window.event) { 

        event = window.event; 

    } 


    try { 

        var the = event.srcElement; 

        if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { 

            return false; 

        } 

        return true; 


    } catch (e) { 

        return false; 

    } 

} 




//屏蔽粘貼 
document.onpaste = function(event) { 
    if (window.event) { 

        event = window.event; 

    } 

    try { 

        var the = event.srcElement; 

        if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { 

            return false; 

        } 

        return true; 
        
    } catch (e) { 

        return false; 

    } 

} 



//屏蔽復(fù)制 

document.oncopy = function(event) { 

    if (window.event) { 

        event = window.event; 

    } 

    try { 

        var the = event.srcElement; 

        if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { 

            return false; 

        } 

        return true; 

    } catch (e) { 

        return false; 

    } 

} 

  
//屏蔽剪切 

document.oncut = function(event) { 

    if (window.event) { 
    
        event = window.event; 

    } 

    try { 

        var the = event.srcElement; 

        if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { 

            return false; 

        } 

        return true; 

    } catch (e) { 

        return false; 

    } 

} 


//屏蔽選中 

document.onselectstart = function(event) { 

    if (window.event) { 

        event = window.event; 

    } 

    try { 

        var the = event.srcElement; 

        if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { 

            return false; 

        } 

        return true; 

    } catch (e) { 

        return false; 

    } 

}

第二種方法：

加入以下js代碼

<script type="text/javascript">

// oncontextmenu 事件在元素中用戶右擊鼠標(biāo)時(shí)觸發(fā)并打開上下文菜單

document.oncontextmenu=new Function("event.returnValue=false"); 

// onselectstart幾乎可以用于所有對(duì)象，其觸發(fā)時(shí)間為目標(biāo)對(duì)象被開始選中時(shí)（即選中動(dòng)作剛開始，尚未實(shí)質(zhì)性被選中）

document.onselectstart=new Function("event.returnValue=false"); 

</script>
例子：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<style>

*{margin: 0;padding: 0;}

.container h3 {color: gold;text-align:center;margin-bottom:30px;}

.container p {width: 500px;margin:0 auto;color: purple;text-indent: 30px;}

</style>

</head>

<body>

<div>

<h3>火影忍者</h3>

<p>

十多年前一只擁有巨大威力的妖獸“九尾妖狐”襲擊了木葉忍者村，當(dāng)時(shí)的第四代火影拼盡全力，以自己的生命為代價(jià)將“九尾妖狐”封印在了剛出生的鳴人身上。木葉村終于恢復(fù)了平靜，但村民們卻把鳴人當(dāng)成像“九尾妖狐”那樣的怪物看待，所有人都疏遠(yuǎn)他。 鳴人自小就孤苦無依，一晃十多年過去了，少年鳴人考入了木葉村的忍者學(xué)校，結(jié)識(shí)了好朋友佐助和小櫻。佐助是宇智波家族的傳人之一，當(dāng)他還是小孩的時(shí)候他的哥哥——一個(gè)已經(jīng)擁有高超忍術(shù)的忍者將他們家族的人都?xì)⑺懒?，然后投靠了一直想將木葉村毀滅的大蛇丸，佐助自小就發(fā)誓要超越哥哥，為家族報(bào)仇。鳴人他們?cè)谌陶邔W(xué)校得到了教官卡卡西的精心指點(diǎn)，在他的幫助下去迎接成長(zhǎng)中的一次又一次挑戰(zhàn)！ 

</p>

</div>

<!-- 第二種方法：通過js代碼實(shí)現(xiàn) -->

<script type="text/javascript">

// oncontextmenu 事件在元素中用戶右擊鼠標(biāo)時(shí)觸發(fā)并打開上下文菜單

document.oncontextmenu=new Function("event.returnValue=false"); 

// onselectstart幾乎可以用于所有對(duì)象，其觸發(fā)時(shí)間為目標(biāo)對(duì)象被開始選中時(shí)（即選中動(dòng)作剛開始，尚未實(shí)質(zhì)性被選中）

document.onselectstart=new Function("event.returnValue=false"); 

</script>

</body>

</html>

第三種方法：

在<body>中加入以下代碼：

 <body oncontextmenu="return false" onselectstart="return false"> 

或 

<body oncontextmenu="event.returnValue=false" onselectstart="event.returnValue=false">

 

body中加入代碼的這種方法有個(gè)缺陷就是取決于body的內(nèi)容，如果body內(nèi)容較少，從body下方往上選中內(nèi)容，仍然是可以復(fù)制網(wǎng)站的內(nèi)容的。

第四種方法：

如果只限制復(fù)制，可以在<body>加入以下代碼：

<body oncopy="alert('對(duì)不起，禁止復(fù)制！');return false;"> 
例子：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<style>

*{margin: 0;padding: 0;}

.container h3 {color: gold;text-align:center;margin-bottom:30px;}

.container p {width: 500px;margin:0 auto;color: purple;text-indent: 30px;}

</style>

</head>

<body oncopy="alert('對(duì)不起，禁止復(fù)制！');return false;">

<div>

<h3>火影忍者</h3>

<p>

十多年前一只擁有巨大威力的妖獸“九尾妖狐”襲擊了木葉忍者村，當(dāng)時(shí)的第四代火影拼盡全力，以自己的生命為代價(jià)將“九尾妖狐”封印在了剛出生的鳴人身上。木葉村終于恢復(fù)了平靜，但村民們卻把鳴人當(dāng)成像“九尾妖狐”那樣的怪物看待，所有人都疏遠(yuǎn)他。 鳴人自小就孤苦無依，一晃十多年過去了，少年鳴人考入了木葉村的忍者學(xué)校，結(jié)識(shí)了好朋友佐助和小櫻。佐助是宇智波家族的傳人之一，當(dāng)他還是小孩的時(shí)候他的哥哥——一個(gè)已經(jīng)擁有高超忍術(shù)的忍者將他們家族的人都?xì)⑺懒?，然后投靠了一直想將木葉村毀滅的大蛇丸，佐助自小就發(fā)誓要超越哥哥，為家族報(bào)仇。鳴人他們?cè)谌陶邔W(xué)校得到了教官卡卡西的精心指點(diǎn)，在他的幫助下去迎接成長(zhǎng)中的一次又一次挑戰(zhàn)！ 

</p>

</div>

</body>

</html>

第五種方法：

禁用Ctrl+C和Ctrl+V，代碼：

// 禁用Ctrl+C和Ctrl+V（所有瀏覽器均支持）

$(document).keydown(function(e) {

  if(e.ctrlKey && (e.keyCode == 86 || e.keyCode == 67)) {

    return false;

  }

});
例子

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8" />

<style>

*{margin: 0;padding: 0;}

.container h3 {color: gold;text-align:center;margin-bottom:30px;}

.container p {width: 500px;margin:0 auto;color: purple;text-indent: 30px;}

</style>

</head>

<body>

<div>

<h3>火影忍者</h3>

<p>

十多年前一只擁有巨大威力的妖獸“九尾妖狐”襲擊了木葉忍者村，當(dāng)時(shí)的第四代火影拼盡全力，以自己的生命為代價(jià)將“九尾妖狐”封印在了剛出生的鳴人身上。木葉村終于恢復(fù)了平靜，但村民們卻把鳴人當(dāng)成像“九尾妖狐”那樣的怪物看待，所有人都疏遠(yuǎn)他。 鳴人自小就孤苦無依，一晃十多年過去了，少年鳴人考入了木葉村的忍者學(xué)校，結(jié)識(shí)了好朋友佐助和小櫻。佐助是宇智波家族的傳人之一，當(dāng)他還是小孩的時(shí)候他的哥哥——一個(gè)已經(jīng)擁有高超忍術(shù)的忍者將他們家族的人都?xì)⑺懒?，然后投靠了一直想將木葉村毀滅的大蛇丸，佐助自小就發(fā)誓要超越哥哥，為家族報(bào)仇。鳴人他們?cè)谌陶邔W(xué)校得到了教官卡卡西的精心指點(diǎn)，在他的幫助下去迎接成長(zhǎng)中的一次又一次挑戰(zhàn)！ 

</p>

</div>

 

<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>

<script>

$(document).keydown(function(e) {

 if(e.ctrlKey && (e.keyCode == 86 || e.keyCode == 67)) {

 alert('不能Ctrl+C和Ctrl+V復(fù)制、粘貼');

   return false;

 }

});

</script>

</body>

</html>

關(guān)于禁止復(fù)制網(wǎng)站內(nèi)容的方法及代碼就分享到這里了，當(dāng)然并不止以上和大家分析的辦法，不過小編可以保證其準(zhǔn)確性是絕對(duì)沒問題的。希望以上內(nèi)容可以對(duì)大家有一定的參考價(jià)值，可以學(xué)以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。

名稱欄目：禁止復(fù)制網(wǎng)站內(nèi)容的方法及代碼
轉(zhuǎn)載來于：http://muchs.cn/article28/picocp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、網(wǎng)站收錄、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站改版、虛擬主機(jī)、App開發(fā)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容