首页 > 代码库 > javascript-默认行为/右键菜单
javascript-默认行为/右键菜单
1、自定义右键菜单
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css" media="screen">
#div1 {width: 100px;height: 100px;border: 1px solid #000;position: absolute;background: #CCC;display: none;}
</style>
<script>
//阻止默认事件：右键菜单
// document.oncontextmenu=function () {
// return false
// }
function getPos(ev) {
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop
var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft
return {x:ev.clientX+scrollLeft,y:ev.clientY+scrollTop}
}
document.oncontextmenu=function (ev) {
var oe=ev||event
var od=document.getElementById(‘div1‘)
od.style.display=‘block‘
var odpos=getPos(ev)
od.style.left=odpos.x+‘px‘
od.style.top=odpos.y+‘px‘
return false
}
document.onclick=function () {
var od=document.getElementById(‘div1‘)
od.style.display=‘none‘
}
</script>
</head>
<body>
<div id="div1">
<ul>
<li>新建</li>
<li>刷新</li>
<li>关闭</li>
<li>查看</li>
</ul>
</div>
</body>
</html>javascript-默认行为/右键菜单
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。