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";
             });
            });
            
            
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<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>
1
2
3
4
5
6
7
8
9
10