網頁

2012年12月22日 星期六

置入簡易型防止文章被複製的語法(Blogger可套用)

在教學時偶有遇到學員有防止文章被複製的需求,在此介紹一下如何設定,至於您的Blogger是否要使用這樣的限制,請自行決定,做了較多限制雖然可以防範被人直接複製內容盜用,但相對的也就讓瀏覽者在觀看時失去了些便利性,也會較為不利於行銷宣傳。
   1: <script type="text/javascript">

   2:  document.oncontextmenu = function(){return false;}

   3:  document.onselectstart = function(){return false;}

   4:  document.onmousedown = function(){return false;}

   5: </script>


直接複製的語法如下:
<script type="text/javascript">
document.oncontextmenu = function(){return false;}
document.onselectstart = function(){return false;}
document.onmousedown = function(){return false;}
</script>

複製了上述四行程式語法之後,請到Blogger管理後台「主題>編輯HTML」。

請找到<head>的HTML標籤,請在<head>與</head>之間按下鍵盤上的「Enter」鍵,空出任一行輸入位置後,將剛剛複製好的四行JavaScript語法貼上,接著請按下「儲存主題」鈕。

完成上述設定動作後,請您直接到Blogger前台測試,可以看到原本使用滑鼠左鍵可以反白選取文字與按滑鼠右鍵可出現複製等功能,都已將被限制住無法使用了,即達成本次的功能需求。

這僅是簡易防止網頁內容被複製的JavaScript語法(一般網頁設計也適用),當然這只是初步的做限制(防君子不防小人,懂得程式技術背景的人仍有方法可破解),這只是簡單阻礙增加複製上的難度,讓一般人放棄直接複製內容去使用的小技巧。

13 則留言:

若對於本篇文章有任何批評指教或鼓勵建議,歡迎您留言讓我知道...