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);
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>