加右键功能
来源:互联网 发布:淘宝买家秀征集活动 编辑:程序博客网 时间: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>
<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>
- 加右键功能
- Datagridview加右键菜单功能
- 右键加批量删SVN文件功能
- 右键功能
- listctr加右键菜单
- UltraEdit Win7 加右键
- 终端加到右键菜单
- ps编辑加到右键
- JS 右键菜单功能
- JS 右键菜单功能
- jQuery--右键菜单功能
- 自定义右键菜单功能
- TOC右键菜单功能
- 注册表添加 右键功能
- JS屏蔽右键功能
- html 禁止右键功能
- Flex 右键 功能
- 一 右键功能
- 海量数据处理面试题
- 1-2 实验2 点对点通信
- 我的博客制作(二)
- HIBERNATE中分组函数的实现
- 解读ClassLoader
- 加右键功能
- java桌面课程设计——记事本
- JAVA 泛型 - Class<T>
- Delphi移动开发:打开一个网址
- UINavigationContorller 视图切换
- 线程知识
- IBOutlet,IBAction
- 黑马程序员_GUI
- UVaOJ 11205