playwright模拟鼠标拖动python

使用 Playwright 模拟鼠标拖动可以通过以下步骤实现：

1. 导入 Playwright 库和启动浏览器

import asyncio
from playwright.async_api import async_playwright

async def drag_and_drop():
    async with async_playwright() as p:
        browser = await p.chromium.launch()
        page = await browser.new_page()
        await page.goto('https://example.com')

2. 定位源元素和目标元素

        # 定位源元素和目标元素
        source_element = await page.wait_for_selector('#source-element')
        target_element = await page.wait_for_selector('#target-element')

3. 获取源元素和目标元素的位置和大小

        # 获取源元素和目标元素的位置和大小
        source_box = await source_element.bounding_box()
        target_box = await target_element.bounding_box()

4. 计算源元素和目标元素的中心点坐标

        # 计算源元素和目标元素的中心点坐标
        source_x = source_box['x'] + source_box['width'] / 2
        source_y = source_box['y'] + source_box['height'] / 2
        target_x = target_box['x'] + target_box['width'] / 2
        target_y = target_box['y'] + target_box['height'] / 2

5. 使用 `mouse.move()` 方法将鼠标移动到源元素中心点

        # 使用 mouse.move() 方法将鼠标移动到源元素中心点
        mouse = page.mouse
        await mouse.move(source_x, source_y)

6. 使用 `mouse.down()` 方法按下鼠标左键

        # 使用 mouse.down() 方法按下鼠标左键
        await mouse.down()

7. 使用 `mouse.move()` 方法将鼠标移动到目标元素中心点

        # 使用 mouse.move() 方法将鼠标移动到目标元素中心点
        await mouse.move(target_x, target_y)

8. 使用 `mouse.up()` 方法释放鼠标左键

        # 使用 mouse.up() 方法释放鼠标左键
        await mouse.up()

9. 关闭浏览器

        # 关闭浏览器
        await browser.close()

完整代码如下：

import asyncio
from playwright.async_api import async_playwright

async def drag_and_drop():
    async with async_playwright() as p:
        browser = await p.chromium.launch()
        page = await browser.new_page()
        await page.goto('https://example.com')

        # 定位源元素和目标元素
        source_element = await page.wait_for_selector('#source-element')
        target_element = await page.wait_for_selector('#target-element')

        # 获取源元素和目标元素的位置和大小
        source_box = await source_element.bounding_box()
        target_box = await target_element.bounding_box()

        # 计算源元素和目标元素的中心点坐标
        source_x = source_box['x'] + source_box['width'] / 2
        source_y = source_box['y'] + source_box['height'] / 2
        target_x = target_box['x'] + target_box['width'] / 2
        target_y = target_box['y'] + target_box['height'] / 2

        # 使用 mouse.move() 方法将鼠标移动到源元素中心点
        mouse = page.mouse
        await mouse.move(source_x, source_y)

        # 使用 mouse.down() 方法按下鼠标左键
        await mouse.down()

        # 使用 mouse.move() 方法将鼠标移动到目标元素中心点
        await mouse.move(target_x, target_y)

        # 使用 mouse.up() 方法释放鼠标左键
        await mouse.up()

        # 关闭浏览器
        await browser.close()

asyncio.run(drag_and_drop())