javascript阻止右键默认行为,重新添加右键新菜单

 EventUtil.addHandler(window,"load",function(event){
             var div=document.getElementById("mydiv");
             //禁止右键默认行为
             EventUtil.addHandler(div,"contextmenu",function(event){
              var event=EventUtil.getEvent(event);
              EventUtil.preventDefault(event);
				//为右键菜单添加CSS属性
              var menu=document.getElementById("myList");
              menu.style.listStyle="none";
              menu.style.margin=0;
              menu.style.padding=0;
              menu.style.width="80px";
              menu.style.fontSize="14px";
              menu.style.textAlign="center";
              menu.style.left=event.clientX+"px";
              menu.style.top=event.clientY+"px";
              menu.style.visibility="visible";
              var list=menu.children;
              for(var i=0,len=list.length;i<len;i++)
              {
                list[i].style.marginTop="5px";
              }
             });
             //点击文档任意部位,关闭自定义右键菜单
             EventUtil.addHandler(document,"click",function(event){
              document.getElementById("myList").style.visibility="hidden";
             });
            });
            
            
<div id="container">
              <div id="mydiv">右键菜单</div>
              <ul id="myList" style="position:absolute;visibility:hidden;background-color:silver">
                <li><a href="www.baidu.com">百度</a></li>
                <li>菜单 2 </li>
                <li>菜单 3 </li>
                <li>菜单 4 </li>
                <li>菜单 5 </li>
              </ul>
</div>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值