转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
IE NC通用的藏鼠标右键一法         ★★★★

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

作者:闵涛 文章来源:闵涛的学习笔记 点击数:612 更新时间:2009/4/23 11:21:18

  首先,对于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 bombjet.joo@163.com.
-->
<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透明化,使人感觉不出有如此一个元素的存在。

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


[Web开发]GridView根据值的变化改变行列样式  [Web开发]DataGrid或DataView进行求合
[Web开发]asp.net如何使用cookie(创建、保存、读取)  [Web开发]Grid或GridView分页数据不足,如何显示空行
[Web开发]设置GridView控件表头背景图片(前台设置)  [Web开发]设置GridView控件表头背景图片
[Web开发]Net读取(上传的)Excel内容显示到GridView示例源代…  [Web开发]用代码实现ReportViewer的导出功能
[Web开发]长篇大论—图文解说DridView、DataList、DetailsV…  [Web开发]ASP.NET2.0中Gridview中数据控件的操作技巧下篇
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台