Skip to main content

悬停元素

功能概述

“悬停元素”功能允许页面自动化插件模拟用户将鼠标指针悬停在网页元素上的操作,用于触发元素的悬停事件,例如显示提示框等。

悬停元素

提示

悬停事件比较复杂,如果无法触发,可开启调试模式

核心特性

  • 目标元素指定:支持通过 CSS 选择器指定要悬停的元素。
  • 模拟用户交互:模拟用户鼠标悬停操作,确保悬停事件的真实触发。
  • 辅助按键支持:支持在悬停时按下辅助按键,如 Ctrl、Shift、Alt 等,模拟组合悬停。
  • 滚动到目标元素:可以选择在悬停前,自动滚动到目标元素,确保操作的可见性。

应用场景

  • 提示框显示:模拟用户悬停在元素上,触发提示框显示。
  • 下拉菜单显示:模拟用户悬停在菜单上,触发下拉菜单显示。
  • 图片预览:模拟用户悬停在缩略图上,触发图片预览。
  • 网页交互:模拟用户悬停在网页上的任何可悬停元素,实现各种自动化交互场景。

使用方法

  1. 目标元素
    • 输入目标元素的 CSS 选择器,用于定位要悬停的元素。
    • 也可以通过 {{@variable}} 引用变量,动态指定目标元素。
  2. 事件:选择要触发的事件类型。这里默认是 mouseover 悬停事件,不需要选择。
  3. 辅助按键
    • 如果需要模拟组合悬停,选择辅助按键,如 Ctrl、Alt、Shift 等。
    • 可以同时选择多个辅助按键。