网页自定义右键

<span id="contextmenu" style="border:1px solid #666666;background:#eeeeee;width:55px;padding:5px;display:none;position:absolute"> <div>item1</div> <div>item2</div> <div>item3</div> <div>item4</div> <div>item5</div> <div>item6</div> </span> <mce:script type="text/javascript"><!-- //当用户使用鼠标右键单击客户区打开上下文菜单时触发函数 document.oncontextmenu = 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.onclick=function(){//当用户用鼠标左键单击客户区时触发函数 //如果 contextmenu 层非当前焦点对象 if(document.activeElement!=contextmenu) contextmenu.style.display="none" //隐藏 contextmenu 层 } // --></mce:script>