JavaScript 程式碼禁用滑鼠右鍵呼叫功能選單 / Html WordPress 網站


我在《網站禁用滑鼠右鍵是種非常惱人的設計/資訊觀點》這篇文章中說過一般內容網站如果禁用滑鼠右鍵功能會是一種很惱人的設計,不過最近在幫友人架設攝影部落格時,他還是希望網站上可以加裝禁用滑鼠右鍵下載圖片的功能。

雖然我跟他說過有心人想盜取照片還是很簡單,還不如透過法院訴訟程序討回公道,不過他說自己網站內容大多都是照片,就算還是會被破解但是多一層防護也好。他還說如果都已經這樣防護了還有人盜取照片,表示對方犯意濃厚,以後上法院時也更為有利(嗯,好像也對)。

總之,想要在網站頁面禁用滑鼠右鍵點擊功能,目前有兩種比較簡單的方法,包括:

  1. 在頁面程式碼附加一段 JavaScript 程式;
  2. 安裝外掛程式(Plugins),這個方法比較簡單,就是會稍微佔用一點系統資源,不過可調整的設定和功能都比較多。

禁用滑鼠右鍵 JavaScript 程式碼

<!-- mountos : code -->
<script type="text/javascript">
	jQuery(document).ready(function () {
		jQuery("body").on("contextmenu",function(e){
	        return false;
	    });
	});
</script>
<!-- mountos : code end -->

如果是 WordPress 網誌,可以將這段程式碼寫在「footer.php」佈景主題頁尾,不會拖累到頁面的讀取速度。

禁用滑鼠右鍵的外掛程式 Plugin

如果不想用上面這種強制式(卻又半套)的程式碼,我們其實蠻推薦安裝外掛程式,也可避免每次更新佈景主題時要重新寫入程式碼的麻煩,包括:

分享這篇文章:

使用 Email 訂閱 最新消息不漏接

我們尊重您的隱私,隨時可取消訂閱。

留言

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *