網頁禁用右鍵菜單和鼠標拖動選擇方法小結
更新時間：2015年02月25日 08:55:13 投稿：hebedich
本文主要給大家總結了一下在網頁中禁用鼠標右鍵和鼠標拖動選擇的幾種常用的方法，十分的實用，有需要的小伙伴參考下。
一、禁止鼠標右鍵菜單：
有如下兩種方法來禁止鼠標右鍵
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>
以上這些都是本人常用的方法的總結，不是很全面，小伙伴們有其他方法還請給我留言，本文持續(xù)更新。
相關文章
這篇文章主要介紹了微信小程序 騰訊地圖顯示偏差問題解決,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-07-07
JavaScript定義函數_動力節(jié)點Java學院整理
這篇文章主要介紹了JavaScript定義函數的相關資料,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了javascript判斷并獲取注冊表中可信任站點的方法,可實現針對域名和IP的可信任站點判斷功能,需要的朋友可以參考下2015-06-06
js調用webservice還算是一個比較實用的功能,本文提供了實現思路及代碼，感興趣的你可不要錯過了哈，希望本文可以幫助到你啊2013-02-02
這篇文章主要介紹了自定義函數實現IE7與IE8不兼容js中trim函數的方法,涉及trim函數的重寫與正則匹配的技巧,需要的朋友可以參考下2015-02-02
前端樹形結構一般用于網頁的地理位置輸入框,地理位置級聯(lián)選擇,人員的部門選擇等,這篇文章主要給大家介紹了關于JavaScript遞歸操作樹形結構的相關資料,需要的朋友可以參考下2024-01-01
這篇文章主要給大家介紹了關于重學JS之顯示強制類型轉換的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JS具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-06-06
這篇文章主要介紹了JavaScript中關于e.keycode的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
這篇文章主要介紹了編寫一個javascript元循環(huán)求值器的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-04-04
這篇文章主要為大家詳細介紹了JavaScript實現圖片輪播特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10