右键

<span id="contextmenu" style="border:1px solid #ssssss;background:#eeeeee;width:55px;padding:5px;display:none;position:absolute">
<div id="1" onclick="a(this)">item1</div>
<div id="2">item2</div>
<div id="3">item3</div>
<div id="4">item4</div>
<div id="5">item5</div>
<div id="6">item6</div>
</span>
<script>
document.oncontextmenu=function (){
    contextmenu.style.posLeft= document.body.scrollLeft+event.x+10   
    contextmenu.style.posTop= document.body.scrollTop+event.y+10
    contextmenu.style.display="inline"
    return false 
}
document.onclick=function(){
    if(document.activeElement!=contextmenu)
       contextmenu.style.display="none"  
}
function a(item){
  contextmenu.style.display="none";
  alert(item.id);

 }
</script>

你可能感兴趣的:(右键)