2012年4月26日 星期四

[Javascript學習筆記]鎖文章功能

昨晚在找資料時,無意間看到一個不錯的教學網站,雖然版面有點亂,又只有一頁(真少見的「網站」),但是內容都挺實用的,鼻涕想參閱一些內容修改時,竟然 ---- 又給我玩「鎖右鍵」這招~~沒辦法,只好先看該站的程式碼囉~~但還是要謝謝該站的板主,提供那些適合「學習」的內容,讓鼻涕不用一直打字,但鼻涕並非完全複製,而是重新調整編排過,謝謝您。

我們都知道,網頁是由「html」、「head」、「body」等標籤所構成,只要在「body」標籤中加入某段「javascript」語法,就可以讓瀏覽該網頁的使用者右鍵失效,也就是無法進行「複製」或「貼上」的功能,同時也無法做選取的動作
這段語法只有很簡單的三句話:

  • ondragstart="return false"
  • onselectstart="return false" 
  • onContextMenu="return false"
所以「body」標籤也就成了如下的語法:

<body ondragstart="return false" onselectstart="return false" onContextMenu="return false"></body>

而如果要讓一段文章不被複製,則可以搭配「div」框架,語法如下:

<div ondragstart="return false" onselectstart="return false" onContextMenu="return false">
文章內容...</div>

例如下面的那段話,相信各位應該就無法選取吧!!XD
快來選我!!快來選我!!

沒有留言:

張貼留言