<ul class="rightmenu">
<li data-type="closethis">关闭当前</li>
<li data-type="closeall">关闭所有</li>
<li data-type="closemenu">关闭菜单</li>
</ul>

首先附上右键弹出的菜单的html代码

 <script type="text/javascript">
$('.rightmenu').hide();
$(document).click(function () {
$('.rightmenu').hide();
})
$("#lr_frame_tabs_ul").on("contextmenu",function(e){
var popupmenu = $(".rightmenu");
l = ($(document).width() - e.clientX) < popupmenu.width() ? (e.clientX - popupmenu.width()) : e.clientX;
t = ($(document).height() - e.clientY) < popupmenu.height() ? (e.clientY - popupmenu.height()) : e.clientY;
popupmenu.css({left: l, top: t}).show();
return false;
}) $(".rightmenu li").click(function () {
if ($(this).attr("data-type") == "closethis") {
var tabid = $("li[class='wms-frame-tabItem active']").attr('id').substr(7);// 获取当前激活的选项卡ID
debugger
top.robo.frameTab.close(tabid);
} else if ($(this).attr("data-type") == "closeall") {
var tabtitle = $(".wms-frame-tabItem");
var ids = new Array();
$.each(tabtitle, function (i) {
ids[i] = $(this).attr("id").substr(7);
if (ids[i] != "0")
top.robo.frameTab.close(ids[i]);
}) } else if ($(this).attr("data-type") == "closemenu") {
$('.rightmenu').hide();
}
$('.rightmenu').hide();
}) </script>

然后附加上去js代码,做一点解释一开始加载的时候菜单应该是默认隐藏的,菜单右键的点击功能是on绑定contextmenu触发的。

最后是效果图!!!

最新文章

  1. 关于Redis的ACID
  2. 添加自编译的apache为linux系统服务
  3. date命令总结
  4. mysql查询语句select-子查询
  5. ListView 下拉更新 (支持 Android)
  6. java 28 - 7 JDK8的新特性 之 接口可以使用方法
  7. 【Alpha阶段】第五次Scrum例会
  8. @import和link的区别
  9. 排序算法 - 快速排序(Quick Sort)
  10. 【淡墨Unity3D Shader计划】四 热带雨林的文章: 排除、深度测试、Alpha测试和基本雾编译
  11. Ketama Consisent Hash
  12. cordova crosswalk android 7.0 问题
  13. mac下安装Java开发环境
  14. EChart 文字大小调整 饼状图为例
  15. IDE安装Lombok插件提高开发效率
  16. nginx 编译安装以及简单配置
  17. 如何使用CSS 让Table的最后一列的右边框不显示
  18. Hadoop记录-hadoop2.x常用端口及定义方法
  19. Chrome Google浏览器下载
  20. CSS 简单归纳 -- 前端知识

热门文章

  1. SQL入门,就这么简单
  2. C++基础 学习笔记五:重载之运算符重载
  3. python3 xlwt,csv学习
  4. Linux-LAMP虚拟主机配置
  5. Dockerfile的简单人门编写之关于yum的问题
  6. spring源码阅读笔记09:循环依赖
  7. 使用docker安装codimd,搭建你自己的在线协作markdown编辑器
  8. PHP--关于上传文件大小的问题
  9. javascript-文件File转换成base64格式
  10. 接近8000字的Spring/SpringBoot常用注解总结!安排!