Selenium ActionChains实战：从基础操作到高级交互技巧

原创

于 2026-02-14 04:27:31 发布 · 1k 阅读

文章标签：

1. ActionChains基础入门：鼠标操作的基石

第一次接触Selenium的ActionChains时，我把它想象成是一个"动作录制器"。就像你在Photoshop里录制一系列操作那样，ActionChains可以记录下你对网页的所有交互动作，然后在需要时一次性执行。这个类位于selenium.webdriver.common.action_chains模块中，专门用来处理那些简单的click()和send_keys()无法完成的复杂交互。

先来看个最简单的例子——鼠标悬停效果。很多网站都有这样的设计：当鼠标移到某个菜单上时，会显示子菜单。用ActionChains实现这个效果只需要三行代码：

from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains

driver = webdriver.Chrome()
driver.get("https://example.com/")
menu = driver.find_element_by_css_selector(".dropdown")
submenu = driver.find_element_by_css_selector(".dropdown-content")
ActionChains(driver).move_to_element(menu).click(submenu).perform()

这里有个新手常踩的坑：忘记调用perform()方法。ActionChains采用的是"队列+执行"的模式，所有操作会先存入队列，只有调用perform()时才会真正执行。我刚开始用的时候经常纳闷："为什么代码没报错但页面没反应？"就是因为漏了这关键一步。

ActionChains支持链式调用，这让代码看起来非常优雅。比如要实现"移动到元素A→点击→移动到元素B→双击"这样的操作，可以一气呵成：

actions = ActionChains(driver)
(actions.move_to_element(element_a)
        .click()
        .move_to_element(element_b)
        .double_click()
        .perform())

2. 核心交互方法详解：从点击到拖拽

2.1 基础点击操作

ActionChains提供了多种点击方式，满足不同场景需求：

click(on_element=None)：普通左键点击
double_click(on_element=None)：双击
context_click(on_element=None)：右键点击（触发上下文菜单）
click_and_hold(on_element=None)：点击并保持按住状态

特别要注意on_element参数：当它为None时，操作会在当前鼠标位置执行；当指定元素时，则先移动鼠标到该元素中心再执行操作。我在测试一个绘图应用时就遇到过这个问题——想在画布特定位置点击，结果因为没指定元素，点击位置总是错位。

2.2 拖拽操作的两种实现

拖拽是Web自动化测试中的常见需求，ActionChains提供了两种实现方式：

精准拖拽（推荐）

source = driver.find_element_by_id("draggable")
target = driver.find_element_by_id("droppable")
ActionChains(driver).drag_and_drop(source, target).perform()

最低0.47元/天解锁文章