網(wǎng)頁禁用右鍵菜單和鼠標拖動選擇方法小結(jié)
一、禁止鼠標右鍵菜單:
有如下兩種方法來禁止鼠標右鍵
1、在HTML元素的Body標簽中加入Javascript事件句柄,代碼如下:
<body onContextMenu="return false">
說明:您也可以在網(wǎng)頁指定的位置禁止右鍵,比如您只想在網(wǎng)頁中的某個圖片上禁右鍵防下載,或您只想在網(wǎng)頁中的一段文字或表格上禁右鍵,您也只需將如上紅色代碼加入到相應(yīng)的HTML標簽元素中,例:
<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)頁元素指定的標簽進行右鍵屏蔽,只需把document改成相應(yīng)的網(wǎng)頁對象標簽名即可。
二、禁止拖動選擇網(wǎng)頁元素:
與上例一樣也有如下兩種方法來禁止鼠標右鍵
1、在HTML元素的Body標簽中加入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)頁元素指定的標簽進行右鍵屏蔽,只需把document改成相應(yīng)的網(wǎng)頁對象標簽名即可。
綜上所述,如果我們既要禁止網(wǎng)頁右鍵菜單,又要禁鼠標拖動,即可以用如下兩種方法:
方法一:
<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定義函數(shù)_動力節(jié)點Java學(xué)院整理
這篇文章主要介紹了JavaScript定義函數(shù)的相關(guān)資料,需要的朋友可以參考下2017-06-06
js調(diào)用webservice中的方法實現(xiàn)思路及代碼
js調(diào)用webservice還算是一個比較實用的功能,本文提供了實現(xiàn)思路及代碼,感興趣的你可不要錯過了哈,希望本文可以幫助到你啊2013-02-02
自定義函數(shù)實現(xiàn)IE7與IE8不兼容js中trim函數(shù)的問題
這篇文章主要介紹了自定義函數(shù)實現(xiàn)IE7與IE8不兼容js中trim函數(shù)的方法,涉及trim函數(shù)的重寫與正則匹配的技巧,需要的朋友可以參考下2015-02-02
JavaScript遞歸操作樹形結(jié)構(gòu)代碼示例
前端樹形結(jié)構(gòu)一般用于網(wǎng)頁的地理位置輸入框,地理位置級聯(lián)選擇,人員的部門選擇等,這篇文章主要給大家介紹了關(guān)于JavaScript遞歸操作樹形結(jié)構(gòu)的相關(guān)資料,需要的朋友可以參考下2024-01-01
JavaScript中關(guān)于e.keycode的使用
這篇文章主要介紹了JavaScript中關(guān)于e.keycode的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12

