最好是 有区域选择性的,并不是整个页面不管右击那里 都触发事件。

解决方案 »

  1.   


    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>closewbq</title>
    </head>
    <body>
    <div oncontextmenu="showdiv(this,event)" style="width:200px; height:100px; background:#cccccc;"></div>
    <div id="menu" style="background-color:White; border:1px solid #cccccc; padding:10px; display:none; position:absolute;">
        <li>右键菜单</li>
        <li>右键菜单</li>
        <li>右键菜单</li>
        <li>右键菜单</li>
    </div>
    <script>
    function showdiv(obj,event){
    var e=window.event||event;
    document.getElementById("menu").style.display="block";
    document.getElementById("menu").style.left=100+"px";
    document.getElementById("menu").style.top=100+"px";
    e.returnValue=false;
    e.cancelBubble=true;
    }
    function hidemenuie() {
    document.getElementById("menu").style.display = "none";
    }
    document.onclick=hidemenuie;
    </script>
    <br>
    </form>
    </body>
    </html>