//HTML代码
<ul id="left-menu">
{volist name='catalog' id='v'}
<li class="" draggable="true">
<div class="wholerow"></div>
<i class="fa fa-caret-right"></i>
<a data-catalogid='{$v.id}' class="text catalog-menu">{$v.title}</a>
{if count($v['children'])>0}
<ul style="display:block">
{volist name='$v["children"]' id='vi'}
<li class="{if input('id')==$vi['id']}active{/if}" ><div class="wholerow"></div><i class="icon"></i><a href="/docpost@{:input('coverid')}@{:input('catalogid')}@{$vi.id}.html" class="text">{$vi.title}</a></li>
{/volist}
</ul>
{/if}
</li>
{/volist}
<!-- <li class="active" draggable="true"><div class="wholerow"></div><i class="icon"></i><a class="text">系统标签</a></li> -->
</ul>
//JS代码
attachContext('a.catalog-menu');
function attachContext(selector) {
$(document).on('contextmenu', selector, function (e) {
context.target = e.target;
console.log(e)
context.attach(selector, [
{header: '新建文档'},
{text: '新建文档', href: '#',action:function(e){
e.preventDefault();
var url = context.target.dataset.catalogid;
//在这里使用
alert(url);
}},
])
});
}