網頁禁用右鍵菜單和鼠標拖動選擇方法小結
更新時間：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ù)更新。
相關文章
本文主要介紹了代碼優(yōu)化頁面加載速度的方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-03-03
這篇文章主要為大家詳細介紹了javascript開發(fā)實現貪吃蛇游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
想必大家對窗口抖動一詞并不陌生吧，其實原理很簡單，下面為大家簡單介紹下js中時如何實現的，喜歡的朋友可以參考下2013-09-09
要將PCM文件轉換為MP3文件,您可以使用Js實現,這篇文章主要給大家介紹了關于如何用js將blob為pcm格式轉換為MP3格式的相關資料,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了uniapp實現審批流程的具體操作方法,實現思路大概是需要要定義一個變量,記錄當前激活的步驟,通過數組的長度來循環(huán)數據,如果有就采用3元一次進行選擇,具體實現步驟跟隨小編一起看看吧2024-03-03
本文主要介紹了js對cookie的操作：js設置cookie；js獲取cookie；給cookie設置終止日期；刪除cookie 等，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
flv.js是一款優(yōu)秀的開源web端flv文件播放器，flv格式目前廣泛應用在直播及音視頻錄制領域，本文就詳細的介紹一下flv.js的具體使用教程，感興趣的可以了解一下2023-05-05
JavaScript使用DeviceOne開發(fā)實戰(zhàn)（三）仿微信應用
這篇文章主要介紹了JavaScript使用DeviceOne開發(fā)實戰(zhàn)（三）仿微信應用的相關資料,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了基于javascript實現tab選項卡切換特效調試筆記，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要給大家介紹了關于JavaScript實現選項卡效果的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JavaScript具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-04-04