トップページ > Selenium API(逆引き) > 【Python】click_and_hold/move_by_offset/perform

【Python】click_and_hold/move_by_offset/perform・・・要素を特定座標にドラッグする

【PR】業界トップクラスの「高単価報酬」「低マージン」を実現!レバテックフリーランス

「click_and_hold」「move_by_offset」「perform」を連続で実行することで要素を特定座標にドラッグすることが出来ます。

下記サンプルでは、ActionChainsクラスのインスタンス作成する為に、ActionChainsクラスのコンストラクタの引数に、対象driverを指定してインスタンスを作成しています。続いて作成したインスタンスに対して各メソッドを実行しています。まず指定した要素をドラッグする「click_and_hold」。このメソッドは引数に指定した要素をクリックし、そのままドラッグ状態にします。続いて指定座標にマウスカーソルを移動させる「move_by_offset」。このメソッドは、引数に現在のマウスカーソル位置からのオフセット(X/Y座標)を指定していきます。つまり、ドラッグしながらマウスカーソル移動をしていることになります。もし、移動した後にドロップしたい場合は「move_by_offset」の後に「release」メソッドを追加します。最後に「perform」を実行することで、これまでのメソッドをビルドした後、実行していきます。

※アクションについてはこちら

説明

◆メソッド
  ・click_and_hold(element)           :要素を指定してドラッグ
  ・move_by_offset(xOffset,yOffset)       :オフセット指定してマウスカーソル移動
  ・perform()                   :処理の実行
◆使用形態
  ・actions.click_and_hold(element)
         actions.move_by_offset(xOffset,yOffset)
         actions.perform()
◆備考
  ・ドロップ操作をする場合は"release()"を追加する
◆関連項目
  ・要素を特定座標にドラッグ&ドロップする
  ・要素を他の要素へドラッグ&ドロップする

サンプル

from selenium import webdriver
from selenium.webdriver.chrome import service
from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains
import time

#ChromeDriverのパスを変数に設定
CHROMEDRIVER = "D:\driver\chromedriver.exe"
#ChromeDriverのstartとstopを制御するServiceオブジェクトを介してパスを渡す
chrome_service = service.Service(executable_path=CHROMEDRIVER)
#Chromeを起動
driver = webdriver.Chrome(service=chrome_service)
#指定したURLに遷移する
driver.get("https://jqueryui.com/draggable/")
#要素がロードされるまでの待ち時間を30秒に設定
driver.implicitly_wait(30)
#ドラッグ対象の要素が存在するフレームに切り替える
driver.switch_to.frame(0)
#IDが"draggable"の要素を取得(ドラッグ対象の要素)
element = driver.find_element(By.ID, "draggable")
#3秒間待機して移動前の位置を確認
time.sleep(3)
#要素をドラッグした状態でX/Y方向に100ポイントカーソル移動させる
actions = ActionChains(driver)
actions.click_and_hold(element)
actions.move_by_offset(100,100)
actions.perform()
※selenium version 4.1.3で動作確認をしています(ブラウザのUIや属性値などが変更された場合、実行結果が異なる可能性があります)

実行結果

clickAndHold
yajirushi
clickAndHold2

Fatal error: Uncaught Google_Service_Exception: Error calling GET https://www.googleapis.com/analytics/v3/data/ga?ids=ga%3A138132118&start-date=7daysAgo&end-date=yesterday&metrics=ga%3Apageviews&dimensions=ga%3ApageTitle%2C+ga%3ApagePath&sort=-ga%3Apageviews&max-results=1000: (403) User does not have sufficient permissions for this profile. in /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php:110 Stack trace: #0 /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php(62): Google_Http_REST::decodeHttpResponse(Object(Google_Http_Request), Object(Google_Client)) #1 /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Task/Runner.php(174): Google_Http_REST::doExecute(Object(Google_Client), Object(Google_Http_Request)) #2 /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php(46): Google_Task_Runner->run() #3 /home/users/1/monda-muki/web/seleniumqref in /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php on line 110