<script>
//当用户使用鼠标右键单击客户区打开上下文菜单时触发函数
document.οncοntextmenu=function (){
//定位 id 为 contextmenu 的层的 X 坐标到鼠标单击时的 X 坐标偏右10象素
contextmenu.style.posLeft= document.body.scrollLeft+event.x+10
//定位 id 为 contextmenu 的层的 Y 坐标到鼠标单击时的 Y 坐标偏下10象素
contextmenu.style.posTop= document.body.scrollTop+event.y+10
//以行内元素方式显示 contextmenu 层
contextmenu.style.display="inline"
return false //返回 false,以屏蔽真正的右键菜单的显示
}
document.οnclick=function(){//当用户用鼠标左键单击客户区时触发函数
//如果 contextmenu 层非当前焦点对象
if(document.activeElement!=contextmenu)
contextmenu.style.display="none" //隐藏 contextmenu 层
}
</script>
</HEAD>
<BODY>
<span id="contextmenu" style="border:2px solid #cccccc;background:#89ab83;;width:96px;padding:3px;display:none;position:absolute;color:#ffffff;">
<div οnclick="javascript:alert('haha')" οnmοuseοver="javascript:this.style.backgroundColor='#3B549A'"
οnmοuseοut="javascript:this.style.backgroundColor='#89ab83'"
style="border-bottom:2px solid #8fac8a;"> item1</div>
<div οnclick="javascript:alert('haha')">item2</div>
<div>item3</div>
<div>item4</div>
<div>item5</div>
<div>item6</div>
</span>