用javascript实现既能禁止页面鼠标右键查看-技术开发专区

用javascript实现既能禁止页面鼠标右键查看

作者：ITPUB论坛编辑： nancy 2008-04-27 00:00

【IT168技术文档】

在CSDN上，看到有人问这个问题。就是若把页面右键屏蔽的话，文本框上的右键菜单同样也给屏蔽，问如何能够将文本框的右键菜单显示出来。
解决思路：首先，要在页面初始化时将页面右键菜单屏蔽
其次，在欲解除右键限制的文本框获得焦点时，启用页面document的右键菜单。可以用在文本框中的onmousedown事件中，但推荐用在 onfocus事件中，若使用的onmousedown的话，则按键盘上摸拟右键的按键(在右win键右边)不响应；若用onfocus事件，则能顺利响应。
最后，当该文本框失去焦点时，需将页面document的右键菜单屏蔽，用文本框的onblur事件即可。
要注意的是IE和Firefox的兼容性问题:
页面初始化时，若使用这样的语句

<body oncontextmenu="return false;">

则在IE中没有影响，但Firefox中文本框右键菜单不能显示。
使用下列语句：

<body onload="hidemenu();">

将oncontext处理代码写在函数中,IE和Firefox中均能正常响应。
下面是测试页面的源代码：

<html>
<head>
<title>屏蔽页面右键,但不屏蔽某HTML元素的右键响应</title>
<script language="javascript">
function hidemenu()
{
document.oncontextmenu = function(){return false;}
}
function showmenu()
{
document.oncontextmenu = function(){return true;}
}
</script>
</head>
<body onload="hidemenu();">
响应右键:<input type="text" id="text1" onfocus="showmenu();" onblur="hidemenu();">
<br>
不响应右键:<input type="text" id="text2">
</body>
</html>

关注我们