selenium：模拟鼠标操作（ActionChains）

柔光的暖阳◎ 2022-02-28 09:10 337阅读 0赞

[https://blog.csdn.net/qqtmjk/article/details/77966228][https_blog.csdn.net_qqtmjk_article_details_77966228] expected\_conditions的方法汇集：

from selenium.webdriver.support import expected_conditions as EC

![20190325143327466.png][]

错误原因class name不支持有空格的类名

所以类名写唯一的就行或者用xpath。

在日常的测试中，经常会遇到需要鼠标去操作的一些事情，比如说悬浮菜单、拖动验证码等，这一节我们来学习如何使用webdriver模拟鼠标的操作

首页模拟鼠标的操作要首先引入ActionChains的包

from selenium.webdriver.common.action\_chains import ActionChains  
而对于ActionChains包，一般的写法是：

这是这个方法一般的书写格式，下面我们来看一如何使用模拟鼠标操作的具体案例

1.鼠标拖动操作（滑动验证码问题）

方法：

drag\_and\_drop(self, source, target)

source：鼠标拖动的原始元素

target：鼠标拖动到的另外一个元素（的位置）

拖动source元素到target元素的位置

drag\_and\_drop\_by\_offset(self, source, xoffset, yoffset)

source：鼠标拖动的原始元素

xoffset：鼠标把元素拖动到另外一个位置的x坐标

yoffset：鼠标把元素拖动到另外一个位置的y坐标

拖动source元素到指定的坐标

演示案例：

我们用淘宝的注册页面案例来说明鼠标拖动操作：把滑块从左端移到右端。

代码如下

from selenium import webdriver  
from selenium.webdriver.common.action\_chains import ActionChains  
from time import sleep  
   
   
\# 模拟鼠标操作-鼠标拖动-滑动验证码  
driver = webdriver.Chrome()  
driver.get("https://reg.taobao.com/member/reg/fill\_mobile.htm")  
driver.maximize\_window()  
   
\# 点击确定按钮  
element1 = driver.find\_element\_by\_css\_selector("\#J\_AgreementBtn")  
element1.click()  
sleep(1)  
   
\# 获取滑动条的size  
span\_background = driver.find\_element\_by\_css\_selector("\#nc\_1\_\_scale\_text > span")  
span\_background\_size = span\_background.size  
print(span\_background\_size)  
   
\# 获取滑块的位置  
button = driver.find\_element\_by\_css\_selector("\#nc\_1\_n1z")  
button\_location = button.location  
print(button\_location)  
   
\# 拖动操作：drag\_and\_drop\_by\_offset  
\# 将滑块的位置由初始位置，右移一个滑动条长度（即为x坐标在滑块位置基础上，加上滑动条的长度，y坐标保持滑块的坐标位置）  
x\_location = button\_location\["x"\] + span\_background\_size\["width"\]  
y\_location = button\_location\["y"\]  
ActionChains(driver).drag\_and\_drop\_by\_offset(button, x\_location, y\_location).perform()

2.鼠标悬浮操作  
 方法：

move\_to\_element (element) ：鼠标移动（悬浮）到某个元素之上

element，要悬浮的元素

接下来主要对淘宝网首页的地址悬浮菜单来进行演示：

代码如下所示：通过悬浮菜单选择其他地区

from selenium import webdriver  
from selenium.webdriver.common.action\_chains import ActionChains  
from time import sleep  
   
   
\# 模拟鼠标操作-鼠标悬浮菜单-淘宝网首页地区选择  
driver = webdriver.Chrome()  
driver.get("https://www.taobao.com/")  
sleep(1)  
   
\# 获取要悬浮的元素，并使用move\_to\_element()方法  
element\_list = driver.find\_element\_by\_xpath("//\*\[@id='J\_SiteNavBdL'\]/li\[1\]/div\[1\]/span\[1\]")  
ActionChains(driver).move\_to\_element(element\_list).perform()  
   
\# 悬浮元素出现菜单后，可以点击悬浮菜单里的元素了  
driver.find\_element\_by\_css\_selector("\#J\_SiteNavRegionList > li:nth-child(4)").click()

3.ActionChains的其他操作：移动鼠标、右击、双击、结合键盘按键的操作等。。。  
context\_click(element) :

右击element元素

double\_click(element)：

双击element元素

move\_by\_offset(xoffset，yoffset)：

移动鼠标到指定的x，y位置（相对于浏览器的绝对位置）

move\_to\_element\_with\_offset(element, xoffset, yoffset):

相对element元素,移动鼠标到指定的x，y位置(相对于element元素的相对位置)

click\_and\_hold(element1=None)：

在element1元素上按下鼠标左键，并保持按下动作（元素默认为空）

release(element2=None):

在element2元素上松开鼠标左键（元素默认为空）

key\_down(key , element1=None)：

在element1元素上，按下指定的键盘key（ctrl、shift等）键，并保持按下动作（元素默认为空）

key\_up(key , element2=None)：

在element2元素上，松开指定的键盘key（元素默认为空）

send\_keys(key):

向当前定位元素发送某个key键

send\_keys\_to\_element(element ，key)：

向element元素发送某个key键

\---------------------   
作者：许西城   
来源：CSDN   
原文：https://blog.csdn.net/ccggaag/article/details/75717186   
版权声明：本文为博主原创文章，转载请附上博文链接！

[https_blog.csdn.net_qqtmjk_article_details_77966228]: https://blog.csdn.net/qqtmjk/article/details/77966228
[20190325143327466.png]: /images/20220228/c5ed60f77af041918d5aa1cc5f0daaee.png