如何在 uisng JS 外部单击时隐藏上下文菜单？

Question

我有一个上下文菜单，单击此网络图中的任何节点即可打开该菜单。我正在尝试使用 Javascript 单击外部任意位置时关闭上下文菜单。我试图使用 document.onclick" 隐藏它，但它不起作用。请参阅 jsfiddle 链接以获取代码片段。单击外部时应关闭上下文菜单。<div id="contextMenuId" style="display: none" class="contextMenu">    <div id="contextMenuItem1" class="sublot">menu1</div>    <div id="contextMenuItem2">menu2</div></div>plotOptions: {        series: {            cursor: 'pointer',            events: {                click: function (event) {                      let contextMenu = document.getElementById('contextMenuId');                    contextMenu.onclick = function() {                      contextMenu.classList.add("contextMenu");                     }                    /* document.onclick = function() {                      contextMenu.style.display = 'none';                    } */                    contextMenu.setAttribute('style', 'top: ' + event.pageY + 'px; left:'                      + event.pageX + 'px;');                }            }        },        networkgraph: {            keys: ['from', 'to'],            layoutAlgorithm: {                enableSimulation: true,                friction: -0.9            }        }    },