在CSDN上,看到有人问这个问题。就是若把页面右键屏蔽的话,文本框上的右键菜单同样也给屏蔽,问如何能够将文本框的右键菜单显示出来。
解决思路:首先,要在页面初始化时将页面右键菜单屏蔽
其 次,在欲解除右键限制的文本框获得焦点时,启用页面document的右键菜单。可以用在文本框中的onmousedown事件中,但推荐用在 onfocus事件中,若使用的onmousedown的话,则按键盘上摸拟右键的按键(在右win键右边)不响应;若用onfocus事件,则能顺利响 应。
最后,当该文本框失去焦点时,需将页面document的右键菜单屏蔽,用文本框的onblur事件即可。
要注意的是IE和Firefox的兼容性问题:
页面初始化时,若使用这样的语句
则在IE中没有影响,但Firefox中文本框右键菜单不能显示。
使用下列语句:
将oncontext处理代码写在函数中,IE和Firefox中均能正常响应。
下面是测试页面的源代码:
源代码: https://files.cnblogs.com/redleaf1995/right.rar
解决思路:首先,要在页面初始化时将页面右键菜单屏蔽
其 次,在欲解除右键限制的文本框获得焦点时,启用页面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>
<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