今天在客户有一个需求变更,之前jsp页面是全页面鼠标右键禁止的,现在要求页面上text入力框是右键不禁止,其他部分禁止。
通常要实现全jsp页面右键禁止只要在添加一个js函数就好了。
如下:
<script type="text/javascript">
document.οncοntextmenu=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.οncοntextmenu=rightMouse;
function rightMouse() {
if(rightFlg ) {
return true;
}
return false;
}
function textClick() {
rightFlg = true;
}
html 代码
<input type="text" οncοntextmenu="textClick()" name="text_1" value=""/>