自定义右键菜单
2017-05-26 14:51
274 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自定义右键菜单</title>
<style>
#div1{
width:100px;
height:200px;
border:1px solid red;
position:absolute;
display: none;
}
</style>
<script>
window.onload = function(){
var oDiv = document.getElementById('div1');
document.oncontextmenu =function(ev){
var ev = ev||event;
oDiv.style.display = "block";
oDiv.style.left = ev.clientX+"px";
oDiv.style.top = ev.clientY+"px";
return false;//取消事件默认行为
}
document.onclick = function(){
oDiv.style.display = "none";//点击文档下得任何位置设置其属性值为none
}
}
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS 右键自定义菜单
- win7右键新建菜单内容自定义方法
- javascript+css实现自定义网页右键菜单
- js禁止默认的右键菜单或出现自定义右键菜单
- js自定义右键菜单
- ife系列之自定义鼠标右键菜单
- angularjs 自定义右键菜单
- 自定义treeview控件，实现右键菜单编辑功能
- Flex/AS3/flash player支持屏蔽右键菜单,自定义菜单，并设置相应的菜单事件(示例，图解)
- TreeView的自定义右键菜单(半原创)
- flash actionscript右键自定义菜单
- 在浏览器右键添加自定义菜单
- Adobe SVG Viewer 6.0 中自定义右键菜单
- WIN32窗口子类化----自定义Edit控件的右键菜单
- jwplayer 自定义logo已经右键菜单事件
- WPF 自定义右键菜单样式
- JS实现自定义右键菜单
- 创建自定义的Flash Player右键菜单
- Flex屏蔽并自定义鼠标右键菜单(转载)
- js实现自定义右键菜单