DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 網頁禁用右鍵菜單和鼠標拖動選擇方法小結
網頁禁用右鍵菜單和鼠標拖動選擇方法小結
編輯:關於JavaScript     

一、禁止鼠標右鍵菜單:

  有如下兩種方法來禁止鼠標右鍵

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>

以上這些都是本人常用的方法的總結,不是很全面,小伙伴們有其他方法還請給我留言,本文持續更新。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved