給頁(yè)面的某個(gè)區(qū)域添加右鍵菜單，代碼如下：

// 禁用整個(gè)頁(yè)面的所有瀏覽器默認(rèn)右擊事件
        document.oncontextmenu = function(){
            return false;
        }
        // 點(diǎn)擊此div出現(xiàn)右鍵菜單
        let contextMenu = document.getElementsByClassName('app-tabs-main')[0]
        // 點(diǎn)擊出現(xiàn)的菜單div
        let divCon = document.getElementsByClassName('context-menu-tab')[0];
        // 給div綁定右擊事件
        contextMenu.addEventListener('contextmenu', function (event) {
            // 設(shè)置右鍵菜單顯示
            divCon.style.display = 'block'
            // 設(shè)置右鍵菜單的展示位置
            divCon.style.left = event.clientX + 'px'
            divCon.style.top = event.clientY + 'px'
            // 添加頁(yè)面的監(jiān)聽(tīng)事件 - 點(diǎn)擊頁(yè)面任意一處菜單隱藏
            document.addEventListener('click', removeClickFun)
            // 隱藏掉右鍵菜單
            function removeClickFun () {
                // 隱藏菜單
                divCon.style.display = 'none';
                // 取消頁(yè)面的監(jiān)聽(tīng)
                document.removeEventListener('click', removeClickFun)
            }
        })