Selenium框架中的动作链（ActionChains）是一种用于执行复杂用户交互操作的方法。通过使用动作链，可以模拟鼠标操作、键盘操作和其他复杂的用户交互行为。这对于处理拖放、鼠标悬停、键盘按键组合等操作非常有用。

比如：

• 对于输入框，我们就调用它的输入文字和清空文字方法；
• 对于按钮，就调用它的点击方法。
• 其实，还有另外一些操作，它们没有特定的执行对象，
  • 比如鼠标拖曳、键盘按键等，这些动作用另一种方式来执行。

一、ActionChains介绍

首先需要了解ActionChains的执行原理，当你调用ActionChains的方法时，不会立即执行，而是会将所有的操作按顺序存放在一个队列里，当你调用perform()方法时，队列中的时间会依次执行。

1、ActionChains基本用法

这种情况下我们可以有两种调用方法：

链式写法

menu = driver.find_element_by_css_selector(".nav")
hidden_submenu = driver.find_element_by_css_selector(".nav #submenu1")
ActionChains(driver).move_to_element(menu).click(hidden_submenu).perform()

分步写法

menu = driver.find_element_by_css_selector(".nav")
hidden_submenu = driver.find_element_by_css_selector(".nav #submenu1")
actions = ActionChains(driver)
actions.move_to_element(menu)
actions.click(hidden_submenu)
actions.perform()

这两种写法本质是一样的，ActionChains都会按照顺序执行所有的操作。

2、ActionChains方法列表

click(on_element=None) ——单击鼠标左键
click_and_hold(on_element=None) ——点击鼠标左键，不松开
context_click(on_element=None) ——点击鼠标右键
double_click(on_element=None) ——双击鼠标左键
drag_and_drop(source, target) ——拖拽到某个元素然后松开
drag_and_drop_by_offset(source, xoffset, yoffset) ——拖拽到某个坐标然后松开
key_down(value, element=None) ——按下某个键盘上的键
key_up(value, element=None) ——松开某个键
move_by_offset(xoffset, yoffset) ——鼠标从当前位置移动到某个坐标
move_to_element(to_element) ——鼠标移动到某个元素
move_to_element_with_offset(to_element, xoffset, yoffset) ——移动到距某个元素（左上角坐标）多少距离的位置
perform() ——执行链中的所有动作
release(on_element=None) ——在某个元素位置松开鼠标左键
send_keys(*keys_to_send) ——发送某个键到当前焦点的元素
send_keys_to_element(element, *keys_to_send) ——发送某个键到指定元素

（1）模拟鼠标操作

• 导入ActionChains 类

from selenium.webdriver.common.action_chains import ActionChains

• 这个其实就是页面交互操作中的点击click()操作。

（2）模拟键盘操作

• 引入Keys类

from selenium.webdriver.common.keys import Keys

二、各个事件示例

1、点击操作

示例网址：http://sahitest.com/demo/clicks.htm

代码：

import random
import time
from selenium import webdriver
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.common.action_chains import ActionChains

from selenium.webdriver.common.by import By


def sleep_time():
    time.sleep(random.randint(2, 6))


# 导入浏览器驱动
executable_path = './第三章/chromedriver.exe'
service = Service(executable_path=executable_path)
# 创建浏览器实例化对象
driver = webdriver.Chrome(service=service)
# 隐式等待
driver.implicitly_wait(10)
# 窗口最大化
driver.maximize_window()
# 打开浏览器
driver.get('http://sahitest.com/demo/clicks.htm')

click_btn = driver.find_element(By.XPATH, '//input[@value="click me"]')  # 单击按钮
sleep_time()

doubleclick_btn = driver.find_element(By.XPATH, '//input[@value="dbl click me"]')  # 双击按钮
sleep_time()

rightclick_btn = driver.find_element(By.XPATH, '//input[@value="right click me"]')  # 右键单击按钮
sleep_time()

ActionChains(driver).click(click_btn).double_click(doubleclick_btn).context_click(rightclick_btn).perform()  # 链式用法
print(driver.find_element(By.NAME, 't2').get_attribute('value'))
sleep_time()

# 退出浏览器
driver.quit()

2、鼠标移动

示例网址：http://sahitest.com/demo/mouseover.htm

代码：

import random
import time
from selenium import webdriver
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.common.action_chains import ActionChains

from selenium.webdriver.common.by import By


def sleep_time():
    time.sleep(random.randint(2, 6))


# 导入浏览器驱动
executable_path = './第三章/chromedriver.exe'
service = Service(executable_path=executable_path)
# 创建浏览器实例化对象
driver = webdriver.Chrome(service=service)
# 隐式等待
driver.implicitly_wait(10)
# 窗口最大化
driver.maximize_window()

# 打开地址
driver.get('http://sahitest.com/demo/mouseover.htm')

write = driver.find_element(By.XPATH, '//input[@value="Write on hover"]')  # 鼠标移动到此元素，在下面的input框中会显示“Mouse moved”
blank = driver.find_element(By.XPATH, '//input[@value="Blank on hover"]')  # 鼠标移动到此元素，会清空下面input框中的内容
result = driver.find_element(By.NAME, 't1')

# 拿到动作链对象
action = ActionChains(driver)
action.move_to_element(write).perform()  # 移动到write，显示“Mouse moved”
print(result.get_attribute('value'))
sleep_time()

# action.move_to_element(blank).perform()
action.move_by_offset(10, 50).perform()  # 移动到距离当前位置(10,50)的点，与上句效果相同，移动到blank上，清空
print(result.get_attribute('value'))
sleep_time()

action.move_to_element_with_offset(blank, 10, -40).perform()  # 移动到距离blank元素(10,-40)的点，可移动到write上
print(result.get_attribute('value'))
sleep_time()

driver.quit()  

3、鼠标拖拽

示例网址：http://sahitest.com/demo/dragDropMooTools.htm

代码：

import random
import time
from selenium import webdriver
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.common.action_chains import ActionChains

from selenium.webdriver.common.by import By


def sleep_time():
    time.sleep(random.randint(2, 6))


# 导入浏览器驱动
executable_path = './第三章/chromedriver.exe'
service = Service(executable_path=executable_path)
# 创建浏览器实例化对象
driver = webdriver.Chrome(service=service)
# 隐式等待
driver.implicitly_wait(10)
# 窗口最大化
driver.maximize_window()

# 打开地址
driver.get('http://sahitest.com/demo/dragDropMooTools.htm')

dragger = driver.find_element(By.ID, 'dragger')  # 被拖拽元素
item1 = driver.find_element(By.XPATH, '//div[text()="Item 1"]')  # 目标元素1
item2 = driver.find_element(By.XPATH,'//div[text()="Item 2"]')  # 目标2
item3 = driver.find_element(By.XPATH,'//div[text()="Item 3"]')  # 目标3
item4 = driver.find_element(By.XPATH,'//div[text()="Item 4"]')  # 目标4

action = ActionChains(driver)
action.drag_and_drop(dragger, item1).perform()  # 1.移动dragger到目标1
sleep_time()

action.click_and_hold(dragger).release(item2).perform()  # 2.效果与上句相同，也能起到移动效果
sleep_time()

action.click_and_hold(dragger).move_to_element(item3).release().perform()  # 3.效果与上两句相同，也能起到移动的效果
sleep_time()

# action.drag_and_drop_by_offset(dragger, 400, 150).perform()  # 4.移动到指定坐标
action.click_and_hold(dragger).move_by_offset(400, 150).release().perform()  # 5.与上一句相同，移动到指定坐标
sleep_time()

4、框架操作(Frame/IFrame)

• 我们还可以操作框架里的东西
• 比如IFrame，Frame等等
• 虽然都是框架，但是这两者操作起来还是有很大差别的。

（1）方式一：基于同一个动作链串行执行

from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.support.wait import WebDriverWait  # 等待页面加载某些元素
import time
from selenium.webdriver.common.by import By

# 创建 Chrome WebDriver 实例
driver = webdriver.Chrome()

# 打开网页
driver.get('http://www.runoob.com/try/try.php?filename=jqueryui-api-droppable')

# 设置隐式等待时间为3秒
driver.implicitly_wait(3)

# 最大化窗口
driver.maximize_window()

try:
    # 切换到 iframeResult 框架
    driver.switch_to.frame('iframeResult')

    # 获取源元素和目标元素
    source = driver.find_element(By.ID, 'draggable')
    target = driver.find_element(By.ID, 'droppable')

    # 方式一：基于同一个动作链串行执行
    # 创建动作链对象
    actions = ActionChains(driver)  
    # 将动作添加到动作链中，准备串行执行
    actions.drag_and_drop(source, target) 
    actions.perform()

    # 松开鼠标
    ActionChains(driver).release().perform()

    time.sleep(10)  # 等待一段时间，观察效果

finally:
    # 关闭浏览器窗口
    driver.close()

（2）方式二：不同的动作链，移动位移不同

from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.support.wait import WebDriverWait  # 等待页面加载某些元素
import time
from selenium.webdriver.common.by import By

# 创建 Chrome WebDriver 实例
driver = webdriver.Chrome()

# 打开网页
driver.get('http://www.runoob.com/try/try.php?filename=jqueryui-api-droppable')

# 设置隐式等待时间为3秒
driver.implicitly_wait(3)

# 最大化窗口
driver.maximize_window()

try:
    # 切换到 iframeResult 框架
    driver.switch_to.frame('iframeResult')

    # 获取源元素和目标元素
    source = driver.find_element(By.ID, 'draggable')
    target = driver.find_element(By.ID, 'droppable')
    
    # 方式二：不同的动作链，每次移动的位移都不同
    # 鼠标按住源元素不放
    ActionChains(driver).click_and_hold(source).perform()  

    # 计算鼠标需要移动的距离
    distance = target.location['x'] - source.location['x']

    track = 0
    while track < distance:
        # 每次移动2个像素
        ActionChains(driver).move_by_offset(xoffset=2, yoffset=0).perform()  
        track += 2

    # 松开鼠标
    ActionChains(driver).release().perform()
		
    # 等待一段时间，观察效果
    time.sleep(10)  

finally:
    # 关闭浏览器窗口
    driver.close()

5、按键

模拟按键有多种方法，能用win32api来实现，能用SendKeys来实现，也可以用selenium的WebElement对象的send_keys()方法来实现，这里ActionChains类也提供了几个模拟按键的方法。

示例网址：http://sahitest.com/demo/keypress.htm

代码1：

import random
import time
from selenium import webdriver
from selenium.webdriver import Keys
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.common.action_chains import ActionChains

from selenium.webdriver.common.by import By


def sleep_time():
    time.sleep(random.randint(2, 6))


# 导入浏览器驱动
executable_path = './第三章/chromedriver.exe'
service = Service(executable_path=executable_path)
# 创建浏览器实例化对象
driver = webdriver.Chrome(service=service)
# 隐式等待
driver.implicitly_wait(10)
# 窗口最大化
driver.maximize_window()
# 打开浏览器地址
driver.get('http://sahitest.com/demo/keypress.htm')

key_up_radio = driver.find_element(By.ID, 'r1')  # 监测按键升起
key_down_radio = driver.find_element(By.ID, 'r2')  # 监测按键按下
key_press_radio = driver.find_element(By.ID, 'r3')  # 监测按键按下升起

enter = driver.find_elements(By.XPATH, '//form[@name="f1"]/input')[1]  # 输入框
result = driver.find_elements(By.XPATH, '//form[@name="f1"]/input')[0]  # 监测结果
sleep_time()

# 监测key_down
key_down_radio.click()
ActionChains(driver).key_down(Keys.CONTROL, enter).key_up(Keys.CONTROL).perform()
print(result.get_attribute('value'))
sleep_time()

# 监测key_up
key_up_radio.click()
enter.click()
ActionChains(driver).key_down(Keys.SHIFT).key_up(Keys.SHIFT).perform()
print (result.get_attribute('value'))
sleep_time()

# 监测key_press
key_press_radio.click()
enter.click()
ActionChains(driver).send_keys('a').perform()
print (result.get_attribute('value'))
sleep_time()

driver.quit()

示例网址：http://sahitest.com/demo/label.htm

代码2：

import random
import time
from selenium import webdriver
from selenium.webdriver import Keys
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.common.action_chains import ActionChains

from selenium.webdriver.common.by import By


def sleep_time():
    time.sleep(random.randint(2, 6))


# 导入浏览器驱动
executable_path = './第三章/chromedriver.exe'
service = Service(executable_path=executable_path)
# 创建浏览器实例化对象
driver = webdriver.Chrome(service=service)
# 隐式等待
driver.implicitly_wait(10)
# 窗口最大化
driver.maximize_window()
# 打开浏览器地址
driver.get('http://sahitest.com/demo/label.htm')

input1 = driver.find_elements(By.TAG_NAME, 'input')[3]
input2 = driver.find_elements(By.TAG_NAME, 'input')[4]

# 获取动作链对象
action = ActionChains(driver)
sleep_time()

input1.click()
action.send_keys('Test Keys').perform()
action.key_down(Keys.CONTROL).send_keys('a').key_up(Keys.CONTROL).perform()  # ctrl+a
sleep_time()

action.key_down(Keys.CONTROL).send_keys('c').key_up(Keys.CONTROL).perform()  # ctrl+c
sleep_time()

action.key_down(Keys.CONTROL, input2).send_keys('v').key_up(Keys.CONTROL).perform()  # ctrl+v
sleep_time()

print (input1.get_attribute('value'))
print (input2.get_attribute('value'))
driver.quit()

三、实战演示

1、百度搜索框页面操作

CommonBase.py

from selenium import webdriver
from selenium.webdriver.chrome.service import Service
import random
import time

class BaseBrowser:
    def __init__(self):
        self.tag_url = ''
        self.browser = webdriver.Chrome(service=self.set_service())

    def set_service(self):
        executable_path = './chromedriver.exe'
        service = Service(executable_path=executable_path)
        return service

    def sleep_time(self):
        time_tag = random.randint(2,6)
        print(f"开始睡觉：{time_tag}")
        time.sleep(time_tag)
        print("睡觉结束")

test.py

from selenium.webdriver.common.keys import Keys
from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains
from CommonBrowser import BaseBrowser


class SpiderBaiDu(BaseBrowser):
    def __init__(self):
        super().__init__()
        self.index_url = "https://www.baidu.com"

    def spider_baidu_response(self):
        # 1.打开百度页面
        self.browser.get(self.index_url)
        self.sleep_time()
        # 2.实例化得到动作链对象
        action = ActionChains(self.browser)
        # 3.找到输入框
        search_input = self.browser.find_element(By.XPATH, '//*[@id="kw"]')
        # 4.输入内容
        keyword = input(':  ')
        # 并传到输入框内
        search_input.send_keys(keyword)
        self.sleep_time()
        # 5.模拟键盘操作
        # 在输入框内进行键盘操作
        # 全选 ---> 复制 ---> 清空 ---> 粘贴
        search_input.send_keys(Keys.CONTROL, 'a')
        self.sleep_time()
        search_input.send_keys(Keys.CONTROL, 'c')
        self.sleep_time()
        search_input.clear()
        self.sleep_time()
        search_input.send_keys(Keys.CONTROL, 'v')
        self.sleep_time()

        # 6.找到搜索按钮
        search_btn = self.browser.find_element(By.XPATH, '//*[@id="su"]')

        # 7.将鼠标从输入框拖拽至搜索按钮并立即执行动作链
        action.drag_and_drop(search_input, search_btn).perform()
        self.sleep_time()

        # 8.清空输入框内容
        search_input.clear()
        
        # 9.关闭浏览器
        self.browser.close()


if __name__ == '__main__':
    s = SpiderBaiDu()
    s.spider_baidu_response()

2、模拟百度登录案例

from selenium import webdriver
import time

from selenium.webdriver.chrome.service import Service
from selenium.webdriver.common.by import By


# 导入浏览器驱动
executable_path = './第三章/chromedriver.exe'
service = Service(executable_path=executable_path)
# 创建 Chrome 浏览器实例
bro = webdriver.Chrome(service=service)
bro.get('https://www.baidu.com')  # 打开百度首页

# 隐式等待，设置为 10 秒，即最多等待 10 秒
bro.implicitly_wait(10)

# 最大化浏览器窗口
bro.maximize_window()

# 找到登录按钮并点击
# 如果是a标签，可以根据a标签文字找
submit_login = bro.find_element(By.LINK_TEXT, '登录')
submit_login.click()

# 点击短信登录选项
sms_login = bro.find_element(By.ID, 'TANGRAM__PSP_11__headerLoginTab')
sms_login.click()
time.sleep(3)  # 等待 1 秒

# 切换到用户名密码登录方式
username_login = bro.find_element(By.ID, 'TANGRAM__PSP_11__changePwdCodeItem')
username_login.click()
time.sleep(3)  # 等待 1 秒

# 输入用户名和密码
username = bro.find_element(By.ID, 'TANGRAM__PSP_11__userName')
username.send_keys('185*******09')
password = bro.find_element(By.ID, 'TANGRAM__PSP_11__password')
password.send_keys('*******')

# 提交登录表单
login = bro.find_element(By.ID, 'TANGRAM__PSP_11__submit')
time.sleep(1)  # 等待 1 秒
login.submit()

time.sleep(3)  # 等待 3 秒
bro.close()  # 关闭浏览器窗口