添加右键菜单

js代码：

 

<script language="javascript">
    document.oncontextmenu = function(evt){
    evt = evt || window.event;
    e0 = document.getElementById('RBmenu');
    e0.style.top = evt.clientY;
    e0.style.left = evt.clientX;
    e0.style.display = "inline";
    return false;
}
document.onclick = function(evt){
    evt = evt || window.event;
    if(evt.button!=2){
        document.getElementById('RBmenu').style.display = "none";
    }
}
</script>

 

body中：

<div id="RBmenu" align="center">
<a href="#">播放</a><br>
<a href="#">删除</a><br>
<a onClick="#">复制</a><br>
<a onClick="#">剪切</a>
</div>

 

<style>中的代码是：

 

 

#RBmenu {
    line-height:100%;
    position:absolute;
    width:60px;
    height:110px;
    background-color:gray;/*由于没背景图片了，所以用纯色*/
    display:none;
    z-index:100;
    font-size : 25px ;
}
#RBmenu a{
    color:#FFFFFF;
    text-decoration : none ;
    float : center ;
}