简介
- 它属于DOM元素事件
- 所有浏览器都支持
ontextmenu事件
详情点击
使用
<body>
<div id="wrap"></div>
</body>
document.oncontextmenu=function(ev){
ev = ev||event;
var x = ev.clientX;
var y = ev.clientY;
var wrap =document.querySelector("#wrap");
wrap.style.display="block";
wrap.style.left = x+"px";
wrap.style.top = y+"px";
return false;
}
document.onclick=function(){
var wrap =document.querySelector("#wrap");
wrap.style.display="none";
}
#wrap{
position: absolute;
width: 200px;
height:400px;
background:#F2F2F2;
display: none;
}
本文介绍如何使用DOM的oncontextmenu事件创建上下文菜单。通过监听鼠标右键事件，可以实现在页面任意位置显示自定义的上下文菜单。代码示例展示了如何获取鼠标点击位置，并将菜单显示在相应位置。
扫一扫
5822
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
