在ID为editor 写富文编辑器右键菜单直接在鼠标旁边显示 editor是居中的

如果您的编辑器 `editor` 是居中的，那么在显示右键菜单时需要考虑到编辑器的位置。以下是一个示例代码，可以让右键菜单显示在鼠标旁边，并且在编辑器居中时也能正常工作： HTML 代码： ``` ``` JavaScript 代码： ``` var editor = document.getElementById('editor'); var contextMenu = document.getElementById('contextMenu'); editor.addEventListener('contextmenu', function(event) { event.preventDefault(); // 阻止默认的右键菜单 var x = event.pageX - editor.offsetLeft; var y = event.pageY - editor.offsetTop; contextMenu.style.display = 'block'; contextMenu.style.left = x + 'px'; contextMenu.style.top = y + 'px'; }); ``` 在这个示例中，我们使用了 `offsetLeft` 和 `offsetTop` 属性来计算鼠标相对于编辑器的位置。然后，我们将菜单的位置设置为相对于编辑器的位置。 请注意，如果您的编辑器具有其他样式或布局，您可能需要进行一些调整以确保右键菜单正确地显示在鼠标旁边。