当前位置: 首页 > 图文教程 > 网络编程 > Javascript > IE NC通用的藏鼠标右键一法

Javascript
jquery 交替为表格添加样式的代码
jquery下操作HTML控件的实现代码
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
海量经典的jQuery插件集合
JavaScript获取鼠标坐标的函数(兼容IE、FireFox、Chrome)
JavaScript关于select的相关操作说明
jQuery的一些特性和用法整理小结
用jQuery扩展自写的 UI导航
JQuery 引发两次$(document.ready)事件
javascript实现的基于金山词霸网络翻译的代码
Span元素的width属性无效果原因及解决方案
javascript 不间断的图片滚动并可点击
利用onresize使得div可以随着屏幕大小而自适应的代码
extjs 为某个事件设置拦截器
javascript 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
javascript 特性检测并非浏览器检测
20个非常有用的PHP类库 加速php开发
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
AJAX的跨域与JSONP(为文章自动添加短址的功能)
JavaScript学习笔记(十)

Javascript 中的 IE NC通用的藏鼠标右键一法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 115 ::
收藏到网摘: n/a

       首先,对于Internet Explorer的隐藏鼠标右键的方法,可以说只要弄过网页的人可能知道要用  document.oncontextmenu=Function("return false;"); 不过对于Netscape,这个办法就并不能完全行的通。通过实践,我发觉,在Internet Explorer和Netscape这两款浏览器中都存在某些元素,鼠标的右键在上边点击是没有反应。现在我就利用如此一点来隐藏鼠标右键。我们可以知道在Internet Explorer和Netscape这两款浏览器中<div>的滚动条上是弹不出右键菜单的,那我们就在右键事件中把我们定制的<div>元素just_hide_it移到鼠标的点击的位置来,这样就不可能弹出右键菜单了。

       源代码如下:

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<!--
Edited by Renjian Zhou(Joo),Shanghai Jiao Tong University,Application Mathematic,Class F0007102.If you are interested in editing HTML pages,connected me by [email protected].
-->
<title>
通用的藏鼠标右键
</title>
</head>
<body style="z-index:-1;">
<script language="JavaScript">
tmp=navigator.appVersion.toString();
IE=parseFloat(tmp.substring(tmp.indexOf("MSIE")+4,tmp.length));
function NC_rightclick(e)
{
  if(e.button==2 || (e.button==0 && e.type=="contextmenu"))
  {
    document.getElementById('just_hide_it').style.left=e.clientX-14;
    document.getElementById('just_hide_it').style.top=e.clientY-14;
    return false;
  }
}
if(IE)
  document.oncontextmenu=Function("return false;");
else
{
  document.write('<div id="just_hide_it" style="z-index:-1;position:absolute;left:100;top:0;overflow:scroll;width:28;height:28;"></div>');
  document.oncontextmenu=NC_rightclick;
  document.onmousedown=NC_rightclick;
}
</script>
</body>
</html>


       解释一下:不仅在Netscape中可以用如此<div>方法,在Internet Explorer中<div>方法也有效,不过既然在Internet Explorer中已经有了更有效的方法,我也就不用如此方法了。在Netscape中对just_hide_it要求z-Index为-1与body的z-index相同是出于使just_hide_it透明化,使人感觉不出有如此一个元素的存在。

        再说一句,我们隐藏鼠标右键的目的不是藏源代码,而是为了一些其他的网页的功能。顺便提倡各位大虾,有好的代码,多点共享。毕竟这个世界应该是一个共享的世界。