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 #submenu"1")
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 #submenu"1")
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://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()

結果：

[CLICK][DOUBLE_CLICK][RIGHT_CLICK]

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フィールドに「マウスが動いた」を表示
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に移動し、「マウスが動いた」を表示
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()

結果

マウスが動いた

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).move_to_element(item
.click_and_hold(dragger).move_by_offset(400, 150).release().perform() # 5).move_to_element(item
sleep(2)
driver.quit()

結果：

dropped dropped dropped dropped

は一般的には座標による定位を使用することは少なく、上記の例で使用されている方法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()

結果：

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

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

結果：

テストキー
テストキー

コピー＆ペーストは WebElement<input>.send_keys() でも実現できます。皆さんも試してみてください。また、より低レベルの方法や os 強制エラーの処理方法の一つである win も使用できます。32api、興味がある場合は SendKeys、keybd_event も試してみてください。

これで本文のすべてです。皆様の学習に役立てば幸いです。また、呐喊教程を多くの皆様にサポートしていただけると嬉しいです。

声明：本文の内容はインターネットから収集され、著作権者所有、インターネットユーザーが自発的に貢献し、自己でアップロードしました。当サイトは所有権を持ちません。人工編集は行われていません。また、関連する法的責任を負いません。著作権侵害を疑う内容がある場合は、メールで：notice#w までお知らせください。3codebox.com（メールを送信する際は、#を@に置き換えてください。申し訳ありませんが、関連する証拠を提供していただき、一旦確認がとれた場合、当サイトは即座に侵害を疑われるコンテンツを削除します。）

基本教程