selenium-模拟鼠标拖拽

最新推荐文章于 2025-07-16 14:59:59 发布

原创最新推荐文章于 2025-07-16 14:59:59 发布 · 9.6k 阅读

20 ·

CC 4.0 BY-SA版权

python 专栏收录该内容

50 篇文章

订阅专栏

这篇博客详细介绍了如何使用Selenium进行鼠标拖拽操作，包括从一个元素拖放到另一个元素以及按照指定坐标进行拖拽。通过示例代码展示了在不同场景下，如操作canvas元素或画笔拖拽时，Selenium如何实现鼠标的行为模拟。

1、从一个元素拖拽到另一个元素：

from selenium import webdriver
from selenium.webdriver import ActionChains
import time

browser = webdriver.Chrome()
try:
    browser.get("http://www.runoob.com/try/try.php?filename=jqueryui-api-droppable")
    browser.maximize_window()

    browser.switch_to.frame('iframeResult')

    source = browser.find_element_by_id('draggable')
    target = browser.find_element_by_id('droppable')

    print(source)
    print(target)
    actions = ActionChains(browser)
    actions.drag_and_drop(source, target)
    actions.perform()

    alert = browser.switch_to.alert
    print(alert)
    time.sleep(3)
    alert.dismiss()

    time.sleep(5)
except Exception as e:
    print(e)
finally:
    browser.quit()
    print('OK')

运行结果：
拖拽前：

在这里插入图片描述
拖拽后：

在这里插入图片描述

2、按着坐标拖拽：

比如操作canvas元素：

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

def move_by_offset(webdriver):
    canvas = webdriver.find_element_by_id("canvas")
    drawing = ActionChains(webdriver)\
        .click_and_hold(canvas)\
        .move_by_offset(-10, -15)\
        .move_by_offset(20, 32)\
        .move_by_offset(10, 25)\
        .release()
    drawing.perform()

这样鼠标的轨迹就会按着代码中坐标的指示。
比如使用画笔拖拽：
在这里插入图片描述