网页自定义右键菜单

最新推荐文章于 2024-01-23 00:09:52 发布

wenpty

最新推荐文章于 2024-01-23 00:09:52 发布

阅读量384

点赞数

文章标签： function menu div null float server

本文链接：https://blog.csdn.net/wenpty/article/details/4391134

版权

主要得屏蔽右键菜单，网上查了下，使用oncontextmenu事件比较简单，在FF中设置returnValue=false是没有用的，它接收的是返回值，而且oncontextmenu和onmousedown在ff中好像不能一起用，那样的话就一般（有时候会）不会屏蔽菜单（不知道为什么），IE倒是可以。

// 鼠标按下事件

    function mouseup(evt,ele)
       {
          if(evt == null) evt = window.event;

          if(evt.button == 2)
          {

//显示菜单

             var menu = document.getElementById('menu');
             menu.style.left = evt.clientX + "px";
             menu.style.top = evt.clientY + "px";
             menu.style.display = "block";
             menu.style.zIndex = "1111";
          }
       }

     //屏蔽系统右键菜单
       function hiddenSystemMenu(evt)
       {
         if(evt == null)evt = window.event;
        //IE有效

         evt.returnValue = false;
         //FF有效
         return false;
       }

function hidden(id)
{
document.getElementById(id).style.display = "none";
}

<body>
    <form id="form1" runat="server">
  <div id="menu">
<div id="menuTop">
      <img οnclick="hidden('menu')" style="float:right;width:10px;height:10px" src="closeup.JPG" />
</div>
<div style="cursor:pointer">
     测试菜单

</div>
</div>
<div οnmοuseup='mouseup(event,this)' οncοntextmenu='return hiddenSystemMenu(event);'>

</div>
</form>
</body>