首頁 > web前端 > js教程 > 網頁停用右鍵選單和滑鼠拖曳選擇方法小結_javascript技巧

網頁停用右鍵選單和滑鼠拖曳選擇方法小結_javascript技巧

WBOY
發布: 2016-05-16 16:13:22
原創
1388 人瀏覽過

一、禁止滑鼠右鍵選單:

  有以下兩種方法來禁止滑鼠右鍵

1、在HTML元素的Body標籤中加入Javascript事件句柄,程式碼如下:

複製程式碼 程式碼如下:


  說明:您也可以在網頁指定的位置禁止右鍵,例如您只想在網頁中的某個圖片上禁右鍵防下載,或您只想在網頁中的一段文字或表格上禁右鍵,您也只需將如上紅色代碼加入對應的HTML標籤元素中,例:

複製程式碼 程式碼如下:

網頁停用右鍵選單和滑鼠拖曳選擇方法小結_javascript技巧



文字內容

2、寫一個Javascript函數,然後呼叫事件處理,程式碼如下:

複製程式碼 程式碼如下:


  說明:請注意程式碼大小寫!將如上程式碼拷貝到網頁HTML原始碼的

與之間即可。

如果要對網頁元素指定的標籤進行右鍵屏蔽,只需把document改成對應的網頁物件標籤名稱即可。

二、禁止拖曳選擇網頁元素:

  與上例一樣也有以下兩種方法來禁止滑鼠右鍵

1、在HTML元素的Body標籤中加入Javascript事件句柄,程式碼如下:

複製程式碼 程式碼如下:


  說明:與上面的禁右鍵用法類似

2、寫一個Javascript函數,然後呼叫事件處理,程式碼如下:

複製程式碼 程式碼如下:


  說明:請注意語句的大小寫!將如上程式碼拷貝到網頁HTML原始碼的

與之間即可。

如果要對網頁元素指定的標籤進行右鍵屏蔽,只需把document改成對應的網頁物件標籤名稱即可。

綜上所述,如果我們既要禁止網頁右鍵選單,又要禁滑鼠拖曳,即可以用以下兩種方法:

方法一:

複製程式碼 程式碼如下:


方法二:

複製程式碼 程式碼如下:


以上這些都是本人常用的方法的總結,不是很全面,小夥伴們有其他方法還請給我留言,本文持續更新。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板