1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 * {margin: 0; padding: 0; list-style: none;} 8 #div1{width: 80px;background-color:#CCC;position: absolute;border: 1px solid black; display: none;} 9 </style> 10 <script> 11 document.oncontextmenu=function(ev){ 12 var oEvent=ev||event; 13 var oDiv=document.getElementById('div1'); 14 15 oDiv.style.display='block'; 16 oDiv.style.left=oEvent.clientX+'px'; 17 oDiv.style.top=oEvent.clientY+'px'; 18 19 return false; 20 } 21 22 document.onclick=function(){ 23 var oDiv=document.getElementById('div1'); 24 25 oDiv.style.display='none'; 26 } 27 </script> 28 </head> 29 <body> 30 <div id="div1"> 31 <ul> 32 <li>aaa</li> 33 <li>bbb</li> 34 <li>ccc</li> 35 <li>ddd</li> 36 </ul> 37 </div> 38 </body> 39 </html>