介绍 & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf-8"祝辞
& lt; title> & lt;/title>
& lt;风格类型=拔谋?css"比;
#文本框{
宽度:200 px;
身高:200 px;
边界:1 px固体# 000;
}
#{菜单
位置:绝对的;
边界:1 px固体# 000;
}
#菜单比;div: nth-child (2) {
border-top: 1 px固体# 000;
}
#菜单比;div: nth-child (3) {
border-top: 1 px固体# 000;
}
#菜单比;div: nth-child (4) {
border-top: 1 px固体# 000;
}
#菜单比;div:{徘徊
光标:指针;
background - color: # 0078 e7;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div id=癟extBox"祝辞
& lt; div id=癿enu"祝辞
& lt; div>自定义菜单& lt;/div>
& lt; div> 1 & lt;/div>
& lt; div> 2 & lt;/div>
& lt; div> 3 & lt;/div>
& lt;/div>
& lt;/div>
& lt;脚本类型=拔谋?javascript"比;
窗口。onload=function () {
var ul=. getelementbyid (“menu");//获取ul节点对象
ul.style。显示=皀one";/*为文档绑定鼠标右键菜单事件*/文档。oncontextmenu事件=function (e) {
var _event=window.event | | e;//事件对象
var x=_event.clientX;//鼠标的x坐标
var y=_event.clientY;//鼠标的y坐标
ul.style。显示=癰lock";
ul.style。左=x +“px";//改变ul的坐标
ul.style。顶级=y +“px";//阻止默认行为
如果(_event.preventDefault) {
_event.preventDefault ();//标准格式
其他}{
_event。returnValue=https://www.yisu.com/zixun/false;//IE格式
}
}
文档。onclick=function () {
ul.style。显示=懊挥小?
}
}>
这期内容当中小编将会给大家带来有关利用javascript怎么实现一个全局的鼠标右键菜单功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
具体方法如下: