需求是当鼠标右键时，弹出的翻页位置始终在鼠标的右下角，
我遇到的问题是，右键时，翻页位置始终不固定，忽上忽下（相对于鼠标位置），当滚轮滚动时，弹出的翻页离鼠标位置更远，怎么能让弹出的翻页始终在鼠标的右下角，最好有代码让我参考一下，谢谢
vue鼠标右键弹出的页面位置设置
需求是当鼠标右键时，弹出的翻页位置始终在鼠标的右下角，
我遇到的问题是，右键时，翻页位置始终不固定，忽上忽下（相对于鼠标位置），当滚轮滚动时，弹出的翻页离鼠标位置更远，怎么能让弹出的翻页始终在鼠标的右下角，最好有代码让我参考一下，谢谢
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- _念_ 2022-02-16 17:02关注
1.弹出的这个元素相对于视口定位fixed，
2.然后监听鼠标的右键事件，获取鼠标位置，元素的位置等于鼠标位置，要注意边界判断不要超出到窗口外面去了
3.监听鼠标移动事件，重新获取鼠标位置，并设置元素位置本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2024-07-01 15:20青莳吖的博客 vue+js实现鼠标右键页面时在鼠标位置出现弹窗
- 2022-07-11 12:55早起的小笨鸡的博客 右键唤出菜单
- 2022-05-26 14:00时光在等一个人的博客 npm install vue-contextmenujs || yarn add vue-contextmenujs 使用 // main.js import Contextmenu from 'vue-contextmenujs' Vue.use(Contextmenu) 示例 <template> <el-table :data="tableData...
- 2024-11-12 11:44本文档的核心内容是关于如何使Element-UI中的ElPopover组件支持鼠标右键弹出功能的实现方法。ElPopover组件是Element-UI中用于展示提示内容的组件，它通常在用户将鼠标悬停在元素上时显示一个弹出层。然而，在某些...
- 2023-07-08 11:41112400_的博客 主题思路:点击鼠标右键(@contextmenu.prevent阻止右键菜单(浏览器行为)),获取当前鼠标点击的坐标位置，展示自定义菜单。
- 2025-05-14 15:03x-z-y的博客 {用于，即鼠标上下文菜单事件。这个事件可以用来处理右键点击的自定义行为，比如阻止浏览器默认的右键菜单，或者展示自定义的菜单。
- 2024-07-05 17:10ZJ_.的博客 实现一个动态右键菜单。这个菜单能够根据用户的点击位置动态调整其显示位置，确保菜单始终在浏览器窗口的可视区域内。这样的实现可以提升用户体验，使应用更加友好和易用。
- 2023-11-21 20:48刘在心中-Dennis的博客 本文将介绍如何使用Vue.js框架实现一个功能强大的右键菜单组件。通过该组件，你可以轻松地在你的Vue项目中添加自定义的右键菜单，提供更好的用户体验和操作便利性。本文将详细讲解组件的代码实现和使用方法
- 2024-11-26 09:42A向前奔跑的博客 在开发中，在点击单元行的时候，产品会想右键可以自定义菜单，可以覆盖系统自带的功能，想着写了一个组件，来循环列表单元行。
- 2022-06-07 15:09Fansr_的博客 vue+element table表格鼠标右键点击弹出菜单
- 没有解决我的问题, 去提问
问题事件
系统已结题
2月25日
已采纳回答
2月17日-
创建了问题
2月15日