前端-jquery实现右键菜单

span :

<span id="quickSpan">
<ul>
	<li iconCls="icon-quick">
		<a>
			<span></span>
		</a>
	</li>
</ul>
</span>

右键弹出的菜单:

<div id="mmqr" class="easyui-menu" style="width: 150px;">
		<div iconCls="icon-quick" id="mmq-remove">移除快捷菜单</div>
		<div class="menu-sep"></div>
		<div iconCls="icon-exit-user" id="mm-exit">退出</div>
</div>
// 对span里面的a添加右键事件
$("#quickUl").find("a,span").bind('contextmenu', function(e,row) {
       // 获取值存到变量中
    	menuIdRm = $(this).context.id;
    	$('#mmqr').menu('show', {
            left: e.pageX,
            top: e.pageY
        });
        return false;
    });

// 对菜单里面的监听
$("#mmq-remove").click(function() {
        // 从变量中获取值
    	$.post(bashpath + '/quickRm?menuId=' + menuIdRm, function(data) {
    		data = $.parseJSON(data);
    		msgShow('操作提示', data.message, 'info',data.code, 3);
    	});
    });
发布了67 篇原创文章 · 获赞 10 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/qq_17522211/article/details/88100760