網(wǎng)頁禁用右鍵菜單和鼠標(biāo)拖動選擇方法小結(jié)
一、禁止鼠標(biāo)右鍵菜單:
有如下兩種方法來禁止鼠標(biāo)右鍵
1、在HTML元素的Body標(biāo)簽中加入Javascript事件句柄,代碼如下:
<body onContextMenu="return false">
說明:您也可以在網(wǎng)頁指定的位置禁止右鍵,比如您只想在網(wǎng)頁中的某個圖片上禁右鍵防下載,或您只想在網(wǎng)頁中的一段文字或表格上禁右鍵,您也只需將如上紅色代碼加入到相應(yīng)的HTML標(biāo)簽元素中,例:
<img src="logo.gif" width=88 height=31 onContextMenu="return false">
<!--加在圖片上-->
<table onContextMenu="return false">
<!--加在表格中-->
<font onContextMenu="return false">文字內(nèi)容</font>
<!--加在文字上-->
2、編寫一個Javascript函數(shù),然后調(diào)用事件處理,代碼如下:
<script language=javascript>
<!--
document.oncontextmenu=mylock1;
function mylock1(){
event.returnValue=false;
}
//-->
</script>
說明:請注意代碼大小寫!將如上代碼拷貝到網(wǎng)頁HTML源代碼的<head>與</head>之間即可。
如果要對網(wǎng)頁元素指定的標(biāo)簽進(jìn)行右鍵屏蔽,只需把document改成相應(yīng)的網(wǎng)頁對象標(biāo)簽名即可。
二、禁止拖動選擇網(wǎng)頁元素:
與上例一樣也有如下兩種方法來禁止鼠標(biāo)右鍵
1、在HTML元素的Body標(biāo)簽中加入Javascript事件句柄,代碼如下:
<body onSelectStart="return false">
說明:與上面的禁右鍵用法類似
2、編寫一個Javascript函數(shù),然后調(diào)用事件處理,代碼如下:
<script language=javascript>
<!--
document.onselectstart=mylock1;
function mylock1(){
event.returnValue=false;
}
//-->
</script>
說明:請注意語句的大小寫!將如上代碼拷貝到網(wǎng)頁HTML源代碼的<head>與</head>之間即可。
如果要對網(wǎng)頁元素指定的標(biāo)簽進(jìn)行右鍵屏蔽,只需把document改成相應(yīng)的網(wǎng)頁對象標(biāo)簽名即可。
綜上所述,如果我們既要禁止網(wǎng)頁右鍵菜單,又要禁鼠標(biāo)拖動,即可以用如下兩種方法:
方法一:
<body onContextMenu="return false;" onSelectStart="return false">
方法二:
<script language=javascript>
<!--
document.onselectstart=mylock1;
document.oncontextmenu=mylock1;
function mylock1(){
event.returnValue=false;
}
//-->
</script>
以上這些都是本人常用的方法的總結(jié),不是很全面,小伙伴們有其他方法還請給我留言,本文持續(xù)更新。
相關(guān)文章
javascript開發(fā)實(shí)現(xiàn)貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了javascript開發(fā)實(shí)現(xiàn)貪吃蛇游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-07-07如何用js將blob為pcm格式轉(zhuǎn)換為MP3格式
要將PCM文件轉(zhuǎn)換為MP3文件,您可以使用Js實(shí)現(xiàn),這篇文章主要給大家介紹了關(guān)于如何用js將blob為pcm格式轉(zhuǎn)換為MP3格式的相關(guān)資料,需要的朋友可以參考下2023-11-11uniapp實(shí)現(xiàn)審批流程的具體操作步驟
這篇文章主要介紹了uniapp實(shí)現(xiàn)審批流程的具體操作方法,實(shí)現(xiàn)思路大概是需要要定義一個變量,記錄當(dāng)前激活的步驟,通過數(shù)組的長度來循環(huán)數(shù)據(jù),如果有就采用3元一次進(jìn)行選擇,具體實(shí)現(xiàn)步驟跟隨小編一起看看吧2024-03-03JavaScript使用DeviceOne開發(fā)實(shí)戰(zhàn)(三)仿微信應(yīng)用
這篇文章主要介紹了JavaScript使用DeviceOne開發(fā)實(shí)戰(zhàn)(三)仿微信應(yīng)用的相關(guān)資料,需要的朋友可以參考下2015-12-12基于javascript實(shí)現(xiàn)tab選項(xiàng)卡切換特效調(diào)試筆記
這篇文章主要介紹了基于javascript實(shí)現(xiàn)tab選項(xiàng)卡切換特效調(diào)試筆記,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-03-03JavaScript實(shí)現(xiàn)選項(xiàng)卡效果的分析及步驟
這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)選項(xiàng)卡效果的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04