鼠标悬停

📖 节点概述

模拟鼠标指针移动到网页元素上，触发悬停。支持两种悬停模式：智能深度模拟通过完整的事件序列激活大多数 UI 框架的悬停状态；CDP底层物理悬停则直接移动鼠标到元素坐标，能对付仅依赖 CSS :hover 的特殊元素。常用于显示隐藏菜单、触发提示框或为后续点击做准备。

💡 使用场景：

• 展开子菜单：鼠标悬停在导航项上，让下拉菜单或二级菜单显示出来。
• 显示提示文本：悬停在图标或缩写上，触发 tooltip 或气泡说明。
• 预览表现：在电商列表悬停商品图片，显示放大镜或快速预览窗口。
• 获取动态数据：某些页面在悬停时才加载详细信息，可通过悬停触发并提取。

🎮 实战连线指南：如何正确使用它？

节点默认对当前活动标签页操作，也可指定 Tab。需要提供元素的定位器。执行悬停后，元素会滚动到可见区域，然后触发悬停事件。成功悬停后流程从 Exec 出口继续，可连接后续操作（如点击刚出现的菜单项）。

场景案例：悬停在“更多”按钮上展开操作菜单，然后点击“导出”

1. 打开页面：进入包含操作按钮的页面。
2. 定位“更多”按钮：使用【智能定位元素】或手动填写按钮的选择器，如 .more-btn。
3. 配置悬停：【鼠标悬停】节点中，选择“智能深度模拟”模式，确保菜单能正常弹出。
4. 串联执行：上一个步骤的 Exec 输出连接本节点的 Exec。
5. 点击菜单项：悬停成功后菜单会显示，紧接着用【点击元素】节点点击“导出”选项（注意此时菜单项可能已变为可见且可点击）。
6. 运行：流程执行后，会看到鼠标悬停在按钮上，菜单展开，随后点击“导出”。

对付顽固元素：如果“智能深度模拟”无法激活某些仅依赖 CSS :hover （例如纯 CSS 下拉菜单），可切换到“CDP底层物理悬停”模式。该模式会直接将鼠标物理位置移动到元素坐标上，如同真实用户操作。

⚙️ 引脚与参数说明

📥 输入引脚

⚙️ 控件参数

📤 输出引脚

💎 小贴士：

• 悬停后出现的元素可能被页面动态延迟加载，建议在悬停后使用“等待元素出现”节点，确保目标菜单或提示框加载后再点击。
• “CDP底层物理悬停”不产生 JS 事件，仅改变鼠标物理位置，因此无法触发需要 JS 监听 mouseenter 事件的组件；但其对 CSS 伪类 :hover 有作用。
• 备选定位列表允许为同一个悬停目标配置多个定位器，节点会按顺序尝试，提高在动态页面中的成功率。
• 可在高级选项中调整重试次数，若页面加载缓慢可适当增加，确保悬停时机准确。