加右键功能

来源:互联网 发布:淘宝买家秀征集活动 编辑:程序博客网 时间:2024/06/03 16:39
<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>
<script>
//当用户使用鼠标右键单击客户区打开上下文菜单时触发函数
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 层
}
</script>
原创粉丝点击