selenium之鼠标操作详解

前言

人类频繁的用手操作鼠标和键盘，为了解决这个问题，selenium工具为我们提供了一个类来处理这些事件— Actionchains ，该类可以完成鼠标移动，鼠标点击事件、键盘输入、内容菜单交互等交互行为。

1、常见的鼠标操作有：单击、右键点击、双击、移动鼠标、拖拽鼠标。（ Actionchains 代替人类之手去模拟鼠标操作，比如单击、双击、点击右键、拖拽、长按等动作）

2、selenium工具中全局鼠标操作语法如下：

• 第1步：初始化ActionChians类（动作链条）： actions = ActionChains(driver)

• 第2步：找到要操作的元素： find_element

• 第3步：调用鼠标操作方法： actions.move_to_element(element)

• 第4步：执行鼠标操作方法： actions.perform()

3、实际上在调用 Actionchains 类的方法时，不会立即执行鼠标操作，而是会将所有的操作按顺序存放在一个队列里，最终调用 perform() 方法时，队列中的操作会依次进行。

（ ActionChains 类提供了对动作的链式操作，也就是可以生成一个操作的队列，将复杂的操作过程分解成单个操作，然后组合起来一次性执行）

（在 ActionChains 类中所有提供的鼠标事件方法，在调用的时候所有的行为都存储在 ActionChains 对象中，而 perform() 方法就是真正去执行所有的鼠标事件。）

4、鼠标的操作都包含在 ActionChains 类中，所以要模拟鼠标操作是首先要导入该包： （对 ActionChains 类进行实例化对象操作，调用操作（元素）方法，再执行 perform() 方法。）

from selenium.webdriver.common.action_chains import ActionChains

ActionChains 类常用方法

1、click_and_hold(on_element=None) ：点击鼠标左键，不松开

2、context_click(on_element=None) ：点击鼠标右键

说明：对于点击鼠标右键，如果弹出的是浏览器默认的菜单，Selenium没有提供操作菜单选项的方法； 如果是自定义的右键菜单，则可以通过元素定位来操作菜单中的选项。

3、double_click(on_element=None) ：双击鼠标左键

4、drag_and_drop(source, target) ：拖拽到某个元素然后松开

说明：模拟鼠标拖动动作，选定拖动源元素释放到目标元素后鼠标松开。

1.源元素：source = driver.find_element_by_id(xxx)
2.目标元素 ：target = driver.find_element_by_id(xxx)
3.调用方法 ：action.drag_and_drop(source, target).perform()
5、move_by_offset(xoffset, yoffset) ：鼠标从当前位置移动到某个坐标
6、move_to_element(to_element) ：鼠标移动到某个元素

说明: 模拟鼠标悬停在指定的的元素上

7、release(on_element=None) ：在元素上释放按住的鼠标按钮（在某个元素位置松开鼠标左键）

8、pause(seconds) ：暂停操作(秒)

ActionChains 类其他方法

1、 perform(self) --执行鼠标操作方法

2、 reset_actions() ：清除已在队列中的鼠标操作命令

3、 click(on_element=None) ：点击鼠标左键

4、 click_and_hold(on_element=None) ：点击鼠标左键，不松开

5、 context_click(on_element=None) ：点击鼠标右键

6、 double_click(on_element=None) ：双击鼠标左键

7、 drag_and_drop(source, target) ：拖拽到某个元素然后松开（需要获取到目标位置的元素定位）

8、 drag_and_drop_by_offset(source, xoffset, yoffset) ：拖拽到某个坐标然后松开（需要获取到目标位置的位置坐标）

9、 key_down(value, element=None) ：按下某个键盘上的键

10、key_up(value, element=None) ：松开某个键

11、 move_by_offset(xoffset, yoffset) ：鼠标从当前位置移动到某个坐标（需要获取到目标位置的位置坐标）

12、 move_to_element(to_element) ：鼠标移动到某个元素

13、 move_to_element_with_offset(to_element, xoffset, yoffset) ：移动到距某个元素（左上角坐标）多少距离的位置

14、 pause(seconds) ：暂停操作(秒)—结合使用，比如：鼠标移动到某元素上悬停的时间。（暂停所有动作，相当于等待，用于链式操作过程中的等待）

15、 release(on_element=None) ：在元素上释放按住的鼠标按钮，与 click_and_hold(on_element=None) 点击鼠标左键不松开结合使用。（如果有鼠标按下的操作，那么需要通过 release() 方法释放鼠标）

16、 send_keys(*keys_to_send) ：发送某个键到当前焦点的元素

17、 send_keys_to_element(element, *keys_to_send) ：发送某个键到指定元素

实例

示例1

1、鼠标单击操作： ac.click(element).perform()

2、元素单击操作： element.click()

3、移动操作(鼠标悬停)： ac.move_to_element(element).perform()

将鼠标移动至右侧【设置】处，并点击【高级搜索】

示例2：

import time
from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
driver.maximize_window()
driver.implicitly_wait(5)

# 定位百度首页右上角的设置元素
set_ele = driver.find_element(by=By.XPATH, value="//span[@id='s-usersetting-top']")

# # 第一步：创建一个鼠标操作的对象
action = ActionChains(driver)
# # 第二步：添加移动操作
action.move_to_element(set_ele)
# # 第三步：执行动作
action.perform()

# 三行代码可写成一行：支持链式调用
# ActionChains(driver).move_to_element(set_ele).perform()

# （鼠标移动到设置元素后，会出现一个下选框，其中有高级搜索） 显式等待设置：高级搜索可点击
WebDriverWait(driver, 5, 0.2).until(
    EC.element_to_be_clickable((By.XPATH, "//a[text()='高级搜索']"))
).click()

time.sleep(5)
driver.quit()

实例3

代码如下：

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

chr_driver = webdriver.Chrome()
chr_driver.maximize_window()
chr_driver.get("https://www.baidu.com/")

ele = chr_driver.find_element_by_xpath('//*[@id="s-usersetting-top"]')
# 实例化,悬浮、点击，可以连续调用多个方法，是因为返回的都是self对象
ActionChains(chr_driver).move_to_element(ele).pause(0.5).click(ele).perform()

实例4

1、鼠标右键单击操作

# 创建浏览器实例对象
driver = webdriver.Chrome()
# 创建鼠标实例化对象
chains = ActionChains(driver)
# 访问商城网站
driver.get("http://39.98.138.157/shopxo/index.php")
# 最大化浏览器窗口
driver.maximize_window()
# 通过 xpath 定位用户名
username = driver.find_element_by_xpath("//input[@name='accounts']")
# 再鼠标右键单击输入框
chains.context_click(username).perform()

2、鼠标左键双击动作

# 创建浏览器实例对象
driver = webdriver.Chrome()
# 创建鼠标实例化对象
chains = ActionChains(driver)
# 访问商城网站
driver.get("http://39.98.138.157/shopxo/index.php")
# 最大化浏览器窗口
driver.maximize_window()
# 通过 xpath 定位用户名
username = driver.find_element_by_xpath("//input[@name='accounts']")
# 再鼠标双击全选输入框内容
chains.double_click(username).perform()

3、鼠标悬停操作

# 创建浏览器实例对象
driver = webdriver.Chrome()
# 创建鼠标实例化对象
chains = ActionChains(driver)
# 访问商城网站
driver.get("http://39.98.138.157/shopxo/index.php")
# 最大化浏览器窗口
driver.maximize_window()
# 通过 xpath 定位登录文本
login = driver.find_element_by_xpath("//div[@class='member-login']/a[text()='登录']")
# 再让鼠标悬停到该元素上
chains.move_to_element(login).perform()

4、鼠标将某元素拖拽到另一个元素的位置后松开

# 创建浏览器实例对象
driver = webdriver.Chrome()
# 创建鼠标实例化对象
chains = ActionChains(driver)
# 访问商城网站
driver.get("http://39.98.138.157/shopxo/index.php")
# 最大化浏览器窗口
driver.maximize_window()
# 先定位被拖拽的元素
source = driver.find_element_by_xpath('//*[@id="doc-topbar-collapse"]/ul/li[1]/a')
# 再定位目标元素
target = driver.find_element_by_xpath("//input[@name='accounts']")
# 最后调用 drag_and_drop 方法将定位到的source元素拖拽到目标元素target
chains.drag_and_drop(source, target)

5、鼠标移动到指定元素

element = driver.find_element_by_id('xxx')
ActionChains(driver).move_to_element(element).perform()

6、鼠标以某个元素位置为原点，在该元素位置的横向和纵向格移动100像素

element = driver.find_element_by_id('xxx')
ActionChains(driver).move_to_element_with_offset(element, 100, 100).perform()

7、双击元素（如果没有指定元素则在当前鼠标所在位置双击）

element = driver.find_element_by_id('xxx')
ActionChains(driver).double_click(element).perform()

8、在指定元素上点击鼠标右键（如果没有指定元素则在当前鼠标所在位置单击右键）

element = driver.find_element_by_id('xxx')
ActionChains(driver).context_click(element).perform()

9、鼠标左键在某元素处按下不松（如果没有指定元素则在当前鼠标所在位置按下左键不松开）

element = driver.find_element_by_id('xxx')
ActionChains(driver).click_and_hold(element).perform()

10、鼠标按住element1元素，拖动到element2元素。

element1 = driver.find_element_by_id('xxx')
element2 = driver.find_element_by_id('xxx')
ActionChains(driver).drag_and_drop(element1, element2).perform()

11、鼠标拖动某指定元素向左上角横向纵向移动100像素

element = driver.find_element_by_id('xxx') 
ActionChains(driver).drag_and_drop_by_offset(element, -100, -100)

希望我分享的这些内容能给大家有所帮助。也希望大家能多交流，互相学习。如果有很多问题，我给大家推荐一个「软件测试学习交流群：785128166」里面会有很多资源和大佬答疑解惑，加入我们，和志同道合的测试小伙伴一起讨论测试技术吧！