ContextMenu没有显示在使用jquery的可滚动目录中的正确位置吗？

Question

iframe中有一个div。在div中，右键单击I need to show context Menu。这个div的长度可以很长，这样就形成了一个可滚动的div。问题是，在右键单击时，会出现上下文菜单，但不会显示鼠标单击的位置。

​

Answer 1

这个纯js可以在右键单击时获得鼠标位置，然后这些坐标就可以在上下文菜单的创建中出现。以确保上下文菜单出现在鼠标所在的位置。

注意！这个解决方案并没有真正利用你所展示的“添加按钮”。

document.getElementById("yourDiv").addEventListener("contextmenu", setContextMenuPosition)

function setContextMenuPosition(event) {
    event.preventDefault();
    if (event.which === 3) {
        createContextMenu(event.clientX, event.clientY);
    }
}

function createContextMenu(xCoord, yCoord) {
    let contextMenu = document.createElement("div");
    contextMenu.style.cssText = "position: fixed; top:" + xCoord + "; left: " + yCoord + ";";
}