selenium鼠标操作实战案例详解

2023-05-20 08:05:06 实战鼠标详解

前言

人类频繁的用手操作鼠标和键盘，为了解决这个问题，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)

总结

到此这篇关于selenium鼠标操作实战案例的文章就介绍到这了,更多相关selenium鼠标操作内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持！

相关文章

selenium鼠标操作实战案例详解

目录

前言

ActionChains 类常用方法

实例

示例1

示例2：

实例3

实例4

总结