Javascript 同时使用onclick和oncontextmenu显示和隐藏文本

Javascript 同时使用onclick和oncontextmenu显示和隐藏文本,javascript,jquery,html,Javascript,Jquery,Html,我在tr标记中使用oncontextmenu在我的表格中显示上下文菜单,并在tr标记中单击我的按钮。但我不知道如何在任何区域使用onclick隐藏菜单 我添加了window.onclick=hideContextMenu作为全局变量,之后按钮无法显示上下文菜单 window.onkeydown=listenKeys; var contextMenu=document.getElementById(“contextMenu”); 函数showContextMenu(事件){ contextMen

我在tr标记中使用oncontextmenu在我的表格中显示上下文菜单,并在tr标记中单击我的按钮。但我不知道如何在任何区域使用onclick隐藏菜单

我添加了
window.onclick=hideContextMenu
作为全局变量,之后按钮无法显示上下文菜单

window.onkeydown=listenKeys;
var contextMenu=document.getElementById(“contextMenu”);
函数showContextMenu(事件){
contextMenu.style.display='block';
contextMenu.style.left=event.clientX+'px';
contextMenu.style.top=event.clientY+'px';
返回false;
}
函数hideContextMenu(){
contextMenu.style.display='none';
}
函数listenKeys(事件){
var keyCode=event.keyCode | | event.which;
如果(键代码===27){
hideContextMenu();
}
}
html,主体,.container{
身高:100%;
}
钮扣{
背景:蓝色;
高度:50px;宽度:50px;
}
.上下文菜单{
宽度:200px;
高度:自动;
盒影:0 20px 0#ccc;
位置:绝对位置;
显示:无;
背景:#eee;
}
.上下文菜单a{
颜色:黑色;
填充:12px 16px;
文字装饰:无;
显示:块;
}

日期
名字
第二个名字
01.01.2001
约翰
科尔