如何在 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

            }

        }

    },