博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript——自定义右键菜单
阅读量:6801 次
发布时间:2019-06-26

本文共 667 字,大约阅读时间需要 2 分钟。

CSS部分:

#div1{
width: 100px; height: 200px; border: 1px solid #333; position: absolute; display: none;}

HTML部分:

JS部分:

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';    //点击文档隐藏右键菜单        };    };

 

转载于:https://www.cnblogs.com/bokebi520/p/4359763.html

你可能感兴趣的文章
个人代码库のC#可移动按钮“相关代码”
查看>>
MyBatis配置项--配置环境(environments)--databaseIdProvider
查看>>
类、对象、方法、实例方法、类方法
查看>>
《CLR via C#》读书笔记 之 目录导航
查看>>
51Nod 1009:1009 数字1的数量 (思维)
查看>>
Spring下载地址
查看>>
SQL性能优化总结
查看>>
WinHex数据恢复笔记(二)
查看>>
c#设计模式系列:观察者模式(Observer Pattern)
查看>>
NO23 Linux正则表达式结合三剑客企业级实践--取IP
查看>>
Max user processes limits
查看>>
Memcached 总结
查看>>
python 帮助和导入路径
查看>>
java连接oracle数据库(利用MyEclipse开发工具反向生成 bean与配置文件)
查看>>
Hue整合Sqoop报空指针异常的解决方法
查看>>
ObjectARX2012学习笔记之Autodesk.AutoCAD.AcInfoCenterConn Namespace
查看>>
mysql开发规范(优化)
查看>>
HEVC与VP9之间的对比
查看>>
linux-秘钥生成
查看>>
[解题报告]10110 - Light, more light
查看>>