玩python selenium滑鼠鍵盤操作（ActionChains）

用selenium做自動化，有時會遇到需要模擬滑鼠操作才能進行的情況，例如點擊、雙擊、點擊滑鼠右鍵、拖曳等等。而selenium給我們提供了一個類別來處理這類事件－ActionChains

#selenium.webdriver.common.action_chains.ActionChains(driver)

#這個類別基本上能夠滿足我們所有對滑鼠操作的需求。

1.ActionChains基本用法

首先需要了解ActionChains的執行原理，當你呼叫ActionChains的方法時，不會立即執行，而是會將所有的操作依序存放在一個佇列裡，當你呼叫perform()方法時，佇列中的時間會依序執行。

這種情況下我們可以有兩種呼叫方法： 

#•鍊式寫法

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) －傳送某個鍵到指定元素 

#接下來用範例來詳細說明和示範每一個方法的用法：

3.程式碼範例

1. 點選操作

#範例網址http://www.php.cn/;

程式碼：

#

# -*- coding: utf-8 -*-

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


driver = webdriver.Firefox()
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"]') # 单击按钮
doubleclick_btn = driver.find_element_by_xpath('//input[@value="dbl click me"]') # 双击按钮
rightclick_btn = driver.find_element_by_xpath('//input[@value="right click me"]') # 右键单击按钮


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(2)
driver.quit()

##結果：

[CLICK][DOUBLE_CLICK][RIGHT_CLICK]

#2.滑鼠移動

範例網址http://www.php.cn/;

範例程式碼：

# -*- coding: utf-8 -*-

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

driver = webdriver.Firefox()
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')

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

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

sleep(2)
driver.quit()

結果

#Mouse moved

Mouse moved

3.拖曳

範例網址http://www.php.cn/;

程式碼：

# -*- coding: utf-8 -*-

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

driver = webdriver.Firefox()
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('//p[text()="Item 1"]') # 目标元素1
item2 = driver.find_element_by_xpath('//p[text()="Item 2"]') # 目标2
item3 = driver.find_element_by_xpath('//p[text()="Item 3"]') # 目标3
item4 = driver.find_element_by_xpath('//p[text()="Item 4"]') # 目标4

action = ActionChains(driver)
action.drag_and_drop(dragger, item1).perform() # 1.移动dragger到目标1
sleep(2)
action.click_and_hold(dragger).release(item2).perform() # 2.效果与上句相同，也能起到移动效果
sleep(2)
action.click_and_hold(dragger).move_to_element(item3).release().perform() # 3.效果与上两句相同，也能起到移动的效果
sleep(2)
# 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(2)
driver.quit()

結果：

dropped dropped dropped dropped

一般用座標定位很少，用上例中的方法1足夠了，如果看源碼，會發現方法2其實就是方法1中的drag_and_drop()的實作。注意：拖曳使用時注意加上等待時間，有時會因為速度太快而失敗。

4.按鍵

模擬按鍵有多種方法，能用win32api來實現，能用SendKeys來實現，也可以用selenium的WebElement物件的send_keys()方法來實現，這裡ActionChains類別也提供了幾個模擬按鍵的方法。

範例網址http://www.php.cn/;

範例網址http://www.php.cn/;

程式碼1：

# -*- coding: utf-8 -*-

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

driver = webdriver.Firefox()
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] # 监测结果

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

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

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

#結果：

key downed charCode=[0] keyCode=[17] CTRL

key upped charCode=[0] keyCode=[16] NONE
key pressed charCode=[97] keyCode=[0] NONE

範例2：

範例網址http://www.php.cn/;

程式碼：

# -*- coding: utf-8 -*-

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

driver = webdriver.Firefox()
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)
input1.click()
action.send_keys('Test Keys').perform()
action.key_down(Keys.CONTROL).send_keys('a').key_up(Keys.CONTROL).perform() # ctrl+a
action.key_down(Keys.CONTROL).send_keys('c').key_up(Keys.CONTROL).perform() # ctrl+c

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

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

driver.quit()

結果：

Test Keys

Test Keys

複製貼上用WebElement< input >.send_keys()也能實現，大家可以試試，也可以用更底層的方法，同時也是os彈框的處理辦法之一的win32api，有興趣也可以試試SendKeys、keybd_event

以上就是本文的全部內容，希望對大家的學習有幫助，也希望大家多多支持PHP中文網。

###更多 玩玩python selenium滑鼠鍵盤動作（ActionChains）相關文章請關注PHP中文網！ ############