右击某个控件，产生选项卡。

最新推荐文章于 2020-12-24 03:02:52 发布

hsh_1987

最新推荐文章于 2020-12-24 03:02:52 发布

阅读量129

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： jquery contextMenu javascript ViewUI

本文链接：https://blog.youkuaiyun.com/hsh_1987/article/details/84265582

JS 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用jQuery库实现网页中的上下文菜单功能，并通过禁用鼠标右键来增强用户体验。文章详细展示了如何绑定右键点击事件及菜单项触发的不同操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<link rel="stylesheet" type="text/css" href="${base}/jslib/jquery.contextMenu.css"/>
<script type="text/javascript" src="${base}/jslib/jquery.contextMenu.js"></script>

<input type="hidden" id="pageContex"  value="${base}"/>
<ul id="myMenu" class="contextMenu" style="white-space:nowrap;">
	<li class="copy"><a href="#addSessionTable">查看</a></li>
	<li class="quit separator"><a href="#quit">关闭菜单</a></li>
</ul> 

//禁用鼠标右键
$(document).bind("contextmenu",function(e){
	return false;
});

//为超链接a，属性有taskid的控件绑定右键功能
$("a[taskid]").contextMenu({
	menu:"myMenu"
},function(action, el, pos){
	var matCode=$(el).attr("matCode");//右击那个控件的属性值

	switch(action){
		case "addSessionTable":
			rlObject=$(el).get(0);//获取右击的那个控件对象
			//写入执行的方法
			break;
		case "quit":
			break;
		default:
			break;				
	}
});