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