網頁禁用右鍵菜單和鼠標拖動選擇方法小結
一、禁止鼠標右鍵菜單:
有如下兩種方法來禁止鼠標右鍵
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ù)更新。
相關文章
JavaScript定義函數_動力節(jié)點Java學院整理
這篇文章主要介紹了JavaScript定義函數的相關資料,需要的朋友可以參考下2017-06-06
js調用webservice中的方法實現(xiàn)思路及代碼
js調用webservice還算是一個比較實用的功能,本文提供了實現(xiàn)思路及代碼,感興趣的你可不要錯過了哈,希望本文可以幫助到你啊2013-02-02
自定義函數實現(xiàn)IE7與IE8不兼容js中trim函數的問題
這篇文章主要介紹了自定義函數實現(xiàn)IE7與IE8不兼容js中trim函數的方法,涉及trim函數的重寫與正則匹配的技巧,需要的朋友可以參考下2015-02-02

