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 意見:

Unknown 提到...

謝謝提供!

創意眼 提到...

很高興這篇的內容對你有幫助~!

做著自學筆記 提到...

實際操作了,立即見效, 超有用的! 感謝老師^^

創意眼 提到...

對你有用就好囉~!

Unknown 提到...

感謝~

創意眼 提到...

不客氣!有幫到你就好囉!

朱夏 SHUKA 提到...

感謝~

匿名 提到...

謝謝

創意眼 提到...

不客氣!有幫到你就好囉!

Unknown 提到...

謝謝老師

創意眼 提到...

不客氣啦~!

匿名 提到...

請問儲存按扭在哪?

創意眼 提到...

因為部落格系統有更新,一些用詞與位置有更換,所以本篇文章我有做部分修正更新了,儲按存鈕目前叫做「儲存主題」鈕,在此後台的上方處!

張貼留言

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