今天在客戶有一個需求變更，之前jsp頁面是全頁面滑鼠右鍵禁止的，現在要求頁面上text入力框是右鍵不禁止，其他部分禁止。

通常要實現全jsp頁面右鍵禁止只要在新增一個js函式就好了。

如下：

<script type="text/javascript">

document.oncontextmenu=rightMouse;

function rightMouse() {

return false;

}

</script>

而要實現text入力框右鍵不禁止，畫面其他部分禁止，有2個解決方案。

一下是部分程式碼

.....

<input type="text" name="text_1" value=""/>

.....

第一個解決方案

修改rightMouse函式

function rightMouse() {

// 右鍵點選取得的物件

var obj = document.elementFromPoint(event.clientX, event.clientY);

// 如果滑鼠點選取得的物件是text框的話，右鍵不禁止

if(obj.name == "text_1" &&  !obj.disabled) {

return true;

}

return false;

}

第二個解決方案

javascript程式碼

var rightFlg = false;  // 定義一個全域性變數

document.oncontextmenu=rightMouse;

function rightMouse() {

if(rightFlg ) {

return true;

}

return false;

}

function textClick() {

rightFlg  = true;

}

html 程式碼

<input type="text" oncontextmenu="textClick()" name="text_1" value=""/>