event document.oncontextmenu 自定义默认右键菜单
2016-03-12 15:52
344 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #div1{ position: absolute; width: 100px; 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>1111</li> <li>2222</li> <li>3333</li> <li>4444</li> </ul> </div> </body> </html>
相关文章推荐
- 小学算术题
- http部分内容总结
- DQL数据查询语言(二)及数据的备份与恢复
- 【DP】[USACO 2016 February Contest, Gold]Circular Barn Revisited
- 【BZOJ 2243】染色 - 树链剖分+线段树
- Java与设计模式-策略模式
- 软件过程与项目管理(第二周作业)
- 乱七八糟
- 基于Innobackupex的全备恢复
- mongodb - 查看集合的状态
- linux vmplice 示例
- PHP_SQL_数据库读取的“日期”处理
- codeforces GoodBye2015 D.New Year and Ancient Prophecy (dp+lcp+树状数组)
- JavaScritp闭包
- Node.js的Express框架使用上手指南
- TUNA下载Android源码
- openwrt 15.05 branch (Chaos Calmer)编译出的固件bootargs被覆盖
- Python中使用pulp进行线性规范计算
- 13.Ubuntu上更换163源
- 【转】Stack Overflow研发副总裁:.NET技术并不差,合适自己就好