首頁 > 開發者 > JavaScript
網頁禁用右鍵菜單和滑鼠拖動選擇方法小結，右鍵菜單小結
一、禁止滑鼠右鍵菜單：
有如下兩種方法來禁止滑鼠右鍵
1、在HTML元素的Body標籤中加入Javascript事件控制代碼，代碼如下：
複製代碼 代碼如下:
<body onContextMenu="return false">
說明：您也可以在網頁指定的位置禁止右鍵，比如您只想在網頁中的某個圖片上禁右鍵防下載，或您只想在網頁中的一段文字或表格上禁右鍵，您也只需將如上紅色代碼加入到相應的HTML標籤元素中，例：
複製代碼 代碼如下:
<img src="logo.gif" width=88 height=31 onContextMenu="return false">
<!--加在圖片上-->
<table onContextMenu="return false">
<!--加在表格中-->
<font onContextMenu="return false">文字內容</font>
<!--加在文字上-->
2、編寫一個Javascript函數，然後呼叫事件處理，代碼如下：
複製代碼 代碼如下:
<script language=javascript>
<!--
document.oncontextmenu=mylock1;
function mylock1(){
event.returnValue=false;
}
//-->
</script>
說明：請注意代碼大小寫！將如上代碼拷貝到網頁HTML原始碼的<head>與</head>之間即可。
如果要對網頁元素指定的標籤進行右鍵屏蔽，只需把document改成相應的網頁對象標籤名即可。
二、禁止拖動選擇網頁元素：
與上例一樣也有如下兩種方法來禁止滑鼠右鍵
1、在HTML元素的Body標籤中加入Javascript事件控制代碼，代碼如下：
複製代碼 代碼如下:
<body onSelectStart="return false">
說明：與上面的禁右鍵用法類似
2、編寫一個Javascript函數，然後呼叫事件處理，代碼如下：
複製代碼 代碼如下:
<script language=javascript>
<!--
document.onselectstart=mylock1;
function mylock1(){
event.returnValue=false;
}
//-->
</script>
說明：請注意語句的大小寫！將如上代碼拷貝到網頁HTML原始碼的<head>與</head>之間即可。
如果要對網頁元素指定的標籤進行右鍵屏蔽，只需把document改成相應的網頁對象標籤名即可。
綜上所述，如果我們既要禁止網頁右鍵菜單，又要禁滑鼠拖動，即可以用如下兩種方法：
方法一：
複製代碼 代碼如下:
<body onContextMenu="return false;" onSelectStart="return false">
方法二：
複製代碼 代碼如下:
<script language=javascript>
<!--
document.onselectstart=mylock1;
document.oncontextmenu=mylock1;
function mylock1(){
event.returnValue=false;
}
//-->
</script>
以上這些都是本人常用的方法的總結，不是很全面，小夥伴們有其他方法還請給我留言，本文持續更新。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
