function showMenu(event){ //右键激发菜单效果
try{ var m = document.getElementById("miniMenu");
if(event.button == 2){
this.mouseX = event.clientX ;
this.mouseY = event.clientY;
m.style.left = this.mouseX + document.body.scrollLeft - 10;
m.style.top = this.mouseY + document.body.scrollTop - 10;
m.style.display = "block";
}else if (event.button == 1){
m.style.display = "none";
}
}catch(e){debug(e,"showMenu");}
}
其中miniMenu是要显示得层
try{ var m = document.getElementById("miniMenu");
if(event.button == 2){
this.mouseX = event.clientX ;
this.mouseY = event.clientY;
m.style.left = this.mouseX + document.body.scrollLeft - 10;
m.style.top = this.mouseY + document.body.scrollTop - 10;
m.style.display = "block";
}else if (event.button == 1){
m.style.display = "none";
}
}catch(e){debug(e,"showMenu");}
}
其中miniMenu是要显示得层
<style>
div.miniMenu{
display:none;
position:absolute;
z-index:111;
width:120px;
height:150px;
border:1px solid silver;
}
</style>
<body onContextMenu="return false;" onclick="javascript:showMenu(event)" >
<div id="miniMenu" class="miniMenu">111</div>
</body>