jsp页面部分右键禁止

今天在客户有一个需求变更,之前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=""/>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值