模拟鼠标操作（ActionChains）（转 侵删）

在日常的测试中，经常会遇到需要鼠标去操作的一些事情，比如说悬浮菜单、拖动验证码等，这一节我们来学习如何使用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元素到指定的坐标

演示案例：

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

#selenium 模拟鼠标操作(ActionChains)

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

#模拟鼠标操作--拖动滑动验证码
browser=webdriver.Chrome()
browser.get('https://reg.taobao.com/member/reg/fill_mobile.htm')

#点击确定按钮(同意协议)
button1=browser.find_element_by_id('J_AgreementBtn')
button1.click()
sleep(1)
#输入手机号
'''<input autocomplete="off" class="form-text mobile-input" name="mobile" id="J_Mobile" type="text" value="" placeholder="请输入你的手机号码" data-inner_placeholder="r_p_input_inner_enterMobile" data-outer_placeholder="r_p_input_enterMobile"
 data-spm-anchor-id="a2145.7268393.0.i1.f9aa5d7ckyZzB3">'''
inputs=browser.find_element_by_css_selector('.form-text.mobile-input')
inputs.send_keys('18896583137')
#获取滑动条大小
span_back=browser.find_element_by_css_selector('#nc_1__scale_text')
print(type(span_back))
span_back_size=span_back.size  #size返回元素尺寸，text返回元素文本
print(span_back_size) #字典
#获取滑块位置
button2=browser.find_element_by_css_selector('#nc_1_n1z')
button2_location=button2.location
print(button2_location)

# 拖动操作：drag_and_drop_by_offset.
# 将滑块的位置由初始位置，右移一个滑动条长度（即为x坐标在滑块位置基础上，加上滑动条的长度，y坐标保持滑块的坐标位置）
x=button2_location['x']+span_back_size['width']
y=button2_location['y']
ActionChains(browser).drag_and_drop_by_offset(button2,x,y).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键