在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>

源代码: https://files.cnblogs.com/redleaf1995/right.rar
posted on 2008-04-25 11:02  红色枫叶  阅读(1597)  评论(3编辑  收藏  举报