鼠标右键菜单
2016-03-22 10:13
162 查看
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> * { margin: 0; padding: 0; list-style: none; } #div1 { position: absolute; width: 80px; background: #CCC; border: 1px solid black; display: none; } </style> <script> document.oncontextmenu = function (ev) {//右键菜单 var oEvent = ev || event; var oDiv = document.getElementById('div1'); oDiv.style.display = 'block'; oDiv.style.left = oEvent.clientX + 'px'; oDiv.style.top = oEvent.clientY + 'px'; return false;//阻止系统菜单 }; document.onclick = function () { var oDiv = document.getElementById('div1'); oDiv.style.display = 'none'; }; </script> </head> <body> <div id="div1"> <ul> <li>aaa</li> <li>bbb</li> <li>ccc</li> <li>ddd</li> </ul> </div> </body> </html> 运行结果:
相关文章推荐
- android - python 自动化测试 移动互联网 - SegmentFault
- jqAjax
- PHP中的正则表达式及模式匹配
- PCM data flow - part 2: ASoC data structure
- 自定义logcat不显示输出
- android UI进阶之实现listview的分页加载
- Oracle 的自治事务 AUTONOMOUS TRANSACTION
- .xml和.json区别
- 线性布局上的一个小错误
- 关于Linearlayout中控件设置为其底部的问题,android:layout_gravity="bottom"没效果
- ajax与HTML5 history pushState/replaceState实例
- 调百度接口,根据地质获取经纬度
- 使用struts2+Ajax+jquery验证用户名是否已被注册
- shell脚本打印日志方法
- Robot Framework 自动化测试框架安装
- solr集群solrCloud的搭建
- Linux adduser && smb setting
- shell判断文件是否存在,不存在则创建
- Python实现的淘宝直通车数据抓取(1)
- js中对按键的监听