html添加右键菜单,JS添加右键菜单

在前端开发的时候，会用到“右键菜单”，如给div添加右键菜单等，

示例：

代码如下：

.s-move-content-outer{border:1px black solid;width:200px;height:200px;position:relative;outline:none;user-select:none;/*overflow:hidden;*/;}

.vpopmenu{

position:absolute;

width:200px;

border-radius:5px;

background-color:rgba(13,78,146,0.9);

border:rgb(13,78,146);

z-index:9999;

padding:2px;

display:none;

}

.vpopmenu>div{

padding:2px 2px 2px 30px;

height:24px;

}

.vpopmenu > div:hover {

background-color:rgba(245, 239, 89, 0.30);

}

div1

内容1

新增

页内复制

删除

bindMenu();

var menu = document.getElementById("r_menu");

function bindMenu(){

//给所有class=s-move-content-outer的div都加上右键菜单

var $BIPanel = $("div[class='s-move-content-outer']").contextmenu(function(ev) {

var oEvent = ev || event;

//自定义的菜单显示

menu.style.display = "block";

//让自定义菜单随鼠标的箭头位置移动

menu.style.left = oEvent.clientX + "px";

menu.style.top = oEvent.clientY + "px";

//return false阻止系统自带的菜单，

//return false必须写在最后，否则自定义的右键菜单也不会出现

return false;

});

}

//实现点击document，自定义菜单消失

document.onclick = function() {

menu.style.display = "none";

}

html添加右键菜单,JS添加右键菜单相关推荐

关于FlexPaper 2.1.2版本二次开发 Logo 、打印、搜索、缩略图、添加按钮、js交互、右键菜单等相关问题...
原文:关于FlexPaper 2.1.2版本二次开发 Logo .打印.搜索.缩略图.添加按钮.js交互.右键菜单等相关问题先废话几句.最近用到文档在线浏览功能,之前用的是print2flash( ...
maptalks常见操作——图层置顶置底、添加清空图层、添加标注、切换底图、添加缩放工具、事件监听（点击面出弹框）、右键菜单、绘制mark、锁定视角
maptalks常见操作--图层置顶置底.添加清空图层.添加标注.切换底图.添加缩放工具.事件监听(点击面出弹框).右键菜单.绘制mark.锁定视角 1.图层置顶置底 layer.show().br ...
添加绿色版UltraEdit到右键菜单
添加绿色版UltraEdit到右键菜单最近重新安装了系统,由于新下载的UltraEdit是绿色版本的,故在右键菜单中不会显示,用起来实在麻烦. 无奈之下,网上搜索出几个手动添加的办法,试用了下,感觉 ...
如何在IE右键菜单中添加菜单项（转）
(来自:http://www.jaron.cn/chs_scripts/7/2003-11/20031125111738-101413.html) 如果使用过Netants的朋友可能都知道,NetAn ...
在IE右键菜单，添加图片保存快捷方式
在IE右键菜单,添加图片保存快捷方式分类: .Net 2009-07-09 14:25 647人阅读评论(0) 收藏举报先用C#做一个COM 作用为下载图片和图片改名(使用GUID) view ...
如何动态添加菜单/菜单项、子菜单、右键菜单
有关菜单的操作主要用到 CMenu 类,当然也可用相应 API 函数, CMenu 类只是 MFC 对 API 中操作菜单的函数的封装而已. 不过能用类就尽量用类,类的组织方式好呗,代码看着也舒服. ...
添加右键菜单_添加“复制路径”选项到右键菜单
两种方法,记住方法一与动手方法二,任君选择. 说明:windows 10 专业版(1909),操作系统版本18363.720. 方法一:使用快捷键按住Shift的同时对选中文件右击,即可看到有&qu ...
添加右键菜单_如何在Windows文件夹的右键菜单中添加“打开PowerShell”
原文:https://www.howtogeek.com/165268/how-to-add-open-powershell-here-to-the-context-menu-in-windows/ ...
python右键弹出菜单编写_python实现应用程序在右键菜单中添加打开方式功能
最近项目组开发的一个小工具想要在右键菜单中添加打开方式,以有道云笔记为例进行了需求拆解和代码编写 1.需求拆解: 如何实现手动添加右键菜单的打开方式: Step1:打开注册表编辑器,Win+R-> ...
vfp中treeview右键菜单_用卓语言程序把Sublime Text 3添加到和删除出右键菜单
用卓语言程序把Sublime Text 3添加到和删除出右键菜单 Sublime Text 是一款跨平台代码编辑器(Code Editor)软件.Sublime Text 3既可以编写代码还可以编辑文 ...

html添加右键菜单,JS添加右键菜单

html添加右键菜单,JS添加右键菜单相关推荐

最新文章

热门文章