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>
