在THREE.JS中添加上下文菜单

当我在场景中的3D对象上单击鼠标右键时，我不想添加上下文菜单

正如这个java脚本代码

$(function(){
$.contextMenu({
    selector: '.context-menu-one', 
    callback: function(key, options) {
        var m = "clicked: " + key;
        window.console && console.log(m) || alert(m); 
    },
    items: {
        "edit": {name: "Edit", icon: "edit"},
        "cut": {name: "Cut", icon: "cut"},
        "copy": {name: "Copy", icon: "copy"},
        "paste": {name: "Paste", icon: "paste"},
        "delete": {name: "Delete", icon: "delete"},
        "sep1": "---------",
        "quit": {name: "Quit", icon: "quit"}
    }
});

$('.context-menu-one').on('click', function(e){
    console.log('clicked', this);
})

}))

右键单击我

---

这段代码我使用它来创建菜单，但找不到使其相对于场景中的3D对象的想法

您需要将3D坐标转换为2d屏幕（投影）坐标。

---

请查看详细信息和答案。

这是您的工作：）如果您在某个时候遇到问题，请更具体地说明您需要解决的问题以及您已经尝试过的问题。我使用选择器类名来完成此操作，但如何使其生效取决于three.js场景中的鼠标位置

<div class="context-menu-one box menu-1">
<strong>right click me</strong>