contextMenu.style.left = event.pageX + 'px' ;出现位置偏移

动态 未结 0 134
小小草
小小草 LV1 2023年9月23日 23:40 发表
如果您的菜单出现位置偏移了,可能是因为您没有考虑到菜单的宽度和高度。请尝试将菜单的左上角定位到鼠标点击的位置,而不是将菜单的左边缘与鼠标点击位置对齐。您可以使用以下代码: ``` contextMenu.style.left = event.pageX + 'px'; contextMenu.style.top = event.pageY + 'px'; ``` 然后,您需要在显示菜单之前计算菜单的宽度和高度,并根据需要调整其位置。例如,如果您想要将菜单向右移动一些像素以避免与鼠标重叠,您可以这样做: ``` var menuWidth = contextMenu.offsetWidth; var menuHeight = contextMenu.offsetHeight; contextMenu.style.left = (event.pageX + 10) + 'px'; // 向右移动 10 像素 contextMenu.style.top = (event.pageY - menuHeight) + 'px'; // 将菜单顶部与鼠标对齐 ``` 请注意,这只是一个示例,您需要根据您的具体情况进行调整。
收藏(0)  分享
相关标签: 智能问答
问题没解决?让AI助手帮你作答 AI助手
0个回复
  • 消灭零回复