您的位置:首页 > Web前端 > JavaScript

jsp页面部分右键禁止

2012-03-27 22:51 204 查看
今天在客户有一个需求变更,之前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=""/>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: