用javascript实现既能禁止页面鼠标右键查看 同时又能查看页面文本框右键菜单

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

进入下载页面

博客园下载地址: http://www.cnblogs.com/Files/redleaf1995/right.rar
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值