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()

  • 1
  • 2
  • 3
  • 4

• 分步寫法

  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()

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

兩種寫法本質是同樣的，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://sahitest.com/demo/clicks.htm

代碼：

# -*- 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()

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23

結果：

[CLICK][DOUBLE_CLICK][RIGHT_CLICK]

• 1

2.鼠標移動

示例網址http://sahitest.com/demo/mouseover.htm

示例代碼：

# -*- 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()

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29

結果

Mouse moved

Mouse moved

• 1
• 2
• 3

通常不多用位置關係來移動鼠標，若是須要，可參考下面的連接來測量元素位置

http://jingyan.baidu.com/article/eb9f7b6d87e2ae869264e847.html

3.拖拽

示例網址http://sahitest.com/demo/dragDropMooTools.htm

代碼：

# -*- 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('//div[text()="Item 1"]') # 目標元素1 item2 = driver.find_element_by_xpath('//div[text()="Item 2"]') # 目標2 item3 = driver.find_element_by_xpath('//div[text()="Item 3"]') # 目標3 item4 = driver.find_element_by_xpath('//div[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()

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28

結果：

dropped dropped dropped dropped

• 1

通常用座標定位不多，用上例中的方法1足夠了，若是看源碼，會發現方法2其實就是方法1中的drag_and_drop()的實現。注意：拖拽使用時注意加等待時間，有時會由於速度太快而失敗。

4.按鍵

模擬按鍵有多種方法，能用win32api來實現，能用SendKeys來實現，也能夠用selenium的WebElement對象的send_keys()方法來實現，這裏ActionChains類也提供了幾個模擬按鍵的方法。

示例網址http://sahitest.com/demo/keypress.htm

代碼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()

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35

結果：

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

• 1
• 2
• 3

示例2：

示例網址http://sahitest.com/demo/label.htm

代碼：

# -*- 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()

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28

結果：

Test Keys
Test Keys

• 1
• 2

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