鼠标操作练习

练习 4 · 移动 move_to_element()

📋 练习要求 · 移动 move_to_element()

概念悬停（hover / mouseover）通过将鼠标移到元素上触发子菜单或提示框

Selenium APIActionChains(driver).move_to_element(el).perform()

练习要点

move_to_element 将鼠标移动到元素中心并悬停
常用于多级菜单、Tooltip 提示、下拉菜单展开
某些框架悬停后菜单会自动消失，后续 click 要快

# 快速参考
from selenium.webdriver.common.action_chains import ActionChains
trigger = driver.find_element(By.ID, "p4_trigger")
ActionChains(driver).move_to_element(trigger).perform()
submenu = driver.find_element(By.ID, "p4_submenu")
assert submenu.is_displayed()

📋 本节练习清单

✅ 练习目标：定位触发按钮 → move_to_element → 断言子菜单可见

4 练习目标：悬停触发子菜单，验证菜单显示

操作步骤：
① 用 driver.find_element(By.ID, "p4_trigger") 定位「悬停我」按钮；
② 调用 ActionChains(driver).move_to_element(trigger).perform() 悬停；
③ 断言 p4_submenu 子菜单元素可见。

悬停交互演示区

等待悬停操作...

子菜单状态：隐藏已悬停 0 次

💬 操作日志（悬停实时记录）
// 请将鼠标移到左侧按钮上

💡 提示：move_to_element() 对应 DOM 的 mouseenter，常用于触发 CSS :hover 菜单或 tooltip，离开后 mouseleave 会关闭子菜单。

查看参考答案（Python Selenium）

# 练习 4 参考答案 · 移动
from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains

driver.get("https://autotest-505.pages.dev/mouse_op_practice.html")
trigger = driver.find_element(By.ID, "p4_trigger")
actions = ActionChains(driver)

# 把鼠标移到元素上（悬停）
actions.move_to_element(trigger).perform()

# 断言子菜单可见
submenu = driver.find_element(By.ID, "p4_submenu")
assert submenu.is_displayed()

鼠标操作练习 · 移动

练习 · 移动 move_to_element()

练习 4 · 移动 move_to_element()

练习 · 移动 move_to_element()

练习 4 · 移动 move_to_element()

关于我们

联系方式

免责声明