Three.js -添加简单的右键单击上下文菜单

document.addEventListener('mousedown', onDocumentMouseDown, false);

function onDocumentMouseDown(event) {
    event.preventDefault();
    if (event.button === 2) {
        // 右键单击逻辑
    }
}

function onDocumentMouseDown(event) {
    event.preventDefault();
    if (event.button === 2) {
        // 创建上下文菜单
        var menu = document.createElement('div');
        menu.className = 'context-menu';
        menu.innerHTML = '菜单项1<br>菜单项2<br>菜单项3';

        // 设置菜单的位置
        menu.style.left = event.clientX + 'px';
        menu.style.top = event.clientY + 'px';

        // 将菜单添加到页面中
        document.body.appendChild(menu);
    }
}

function onDocumentMouseDown(event) {
    event.preventDefault();
    if (event.button === 2) {
        // 创建上下文菜单
        var menu = document.createElement('div');
        menu.className = 'context-menu';
        menu.innerHTML = '菜单项1<br>菜单项2<br>菜单项3';

        // 设置菜单的位置
        menu.style.left = event.clientX + 'px';
        menu.style.top = event.clientY + 'px';

        // 为菜单项添加点击事件
        menu.addEventListener('click', onMenuItemClick, false);

        // 将菜单添加到页面中
        document.body.appendChild(menu);
    }
}

function onMenuItemClick(event) {
    var menuItem = event.target;
    // 处理菜单项的点击事件
}