使用oncontextmenu和js/jquery左键单击上下文菜单
使用oncontextmenu和js/jquery左键单击上下文菜单
提问于 2018-11-13 14:30:31
我有一个表，通过单击任意行，我可以访问上下文菜单。
<tr oncontextmenu="return showContextMenu(event,'@item.SomeValue')" style="cursor: pointer;">显示上下文菜单的事件如下所示：
var contextMenu = document.getElementById('contextMenu');
function showContextMenu(event, elemId) {
contextMenu.style.display = 'block';
contextMenu.style.left = (event.pageX - 220) + 'px';
contextMenu.style.top = (event.pageY - 48) + 'px';
}以及以这种方式关闭上下文菜单的事件：
window.onclick = hideContextMenu;
function hideContextMenu() {
contextMenu.style.display = 'none';
}上下文菜单如下所示：
<div id="contextMenuPasta" class="contextMenu" >
<ul>
<li id="renomearCMid" data-toggle="modal" data-target="#modalRenomearPasta"><span><i class="fa fa-fw fa-pencil" ></i> Renomear Pasta</span></li>
<li id="removerCMid" data-toggle="modal" data-target="#modalExcluirPasta"><span><i class="fa fa-fw fa-trash-o"></i> Remover Pasta</span></li>
<li id="adicionarCMid" data-toggle="modal" data-target="#modalNovaPasta"><span><i class="fa fa-fw fa-plus"></i> Adicionar Pasta</span></li>
</ul>
</div>是否有任何方法将鼠标右键更改为左键，以显示上下文菜单？谢谢你的帮助。
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-11-21 10:33:23
我用这种方式解决了这个问题：
- 在tr标记中，我使用的不是'oncontextmenu‘，而是简单的'onclick’。
- 删除'hideContextMenu‘函数
- 相反，使用这个 window.onclick =函数(事件){ if(事件“路径”.tagName != "TD“){ contextMenu.style.display = 'none'；}；
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53283265
复制相关文章
相似问题
腾讯云开发者
