本文实例讲述了射流研究…实现的自定义右键菜单。分享给大家供大家参考。具体如下：

示例1:

运行效果截图：

具体代码如下：

！DOCTYPE htmlhtml标题实现自定义右键菜单/title meta http-equiv=' content-type ' content=' text/html；charset=utf-8 '脚本src=' http : Ajax。js '/script style type=' text/CSS ' # container { text-align : center；宽度： 500像素高度： 500像素边框： 1px纯蓝；保证金： 0自动；} .皮肤{宽度： 100像素边框： 1px纯灰色；填充： 2px能见度：隐藏；位置：绝对；} div。menuitems { margin : 1px 0；} div。menuitems a { text-decoration : none；} div。menuitems 3360悬停{底色： # c0c 0；}/style脚本窗口。onload=function(){ var container=document。getelementbyid(“容器”)；var菜单=文档。getelementbyid('菜单')；/*显示菜单*/function ShowMenu(){ var evt=window。事件| |参数[0]；/*获取当前鼠标右键按下后的位置，据此定义菜单显示的位置*/var右边缘=容器。客户端宽度-evt。客户x；var底边=容器。客户身高-evt。客户关系；/*如果从鼠标位置到容器右边的空间小于菜单的宽度，就定位菜单的左坐标（左)为当前鼠标位置向左一个菜单宽度*/if(右边缘菜单。offsetwidth)菜单。风格。左=容器。向左滚动evt。client x-菜单。offset with“px”；else /*否则，就定位菜单的左坐标为当前鼠标位置*/菜单。风格。左=容器。偷evt。clientx ' px/*如果从鼠标位置到容器下边的空间小于菜单的高度，就定位菜单的上坐标（顶部)为当前鼠标位置向上一个菜单高度*/if(底部边缘菜单。偏置右)菜单。风格。top=容器。滚动顶部evt。客户菜单。偏移右侧“px”；else /*否则，就定位菜单的上坐标为当前鼠标位置*/菜单。风格。top=容器。滚动顶部evt。client y“px”；/*设置菜单可见*/菜单。风格。可见性='可见'；LTEvent.addListener(菜单，“上下文菜单”，ltevent。可取消)；} /*隐藏菜单*/函数HideMenu(){ menu。风格。可见性='隐藏'；} LTEvent.addListener(容器、“上下文菜单”、LtEvent。cancelubble)；LTEvent.addListener(容器，‘上下文菜单’，显示菜单)；LTEvent.addListener(文档，'点击，隐藏菜单);}/script/head body div id=' menu ' class=' skin ' div class=' menuit