鼠标操作练习

练习 6 · 释放 release()

📋 练习要求 · 释放 release()

概念释放是鼠标操作链的最后一步，完成"按住 → 移动 → 释放"完整拖拽流程

Selenium APIActionChains(driver).release().perform() 或分步组合

练习要点

release() 释放鼠标左键（不需要传元素参数）
典型用途：先 click_and_hold → move_to_element → release 完成拖拽
比直接用 drag_and_drop 更灵活，可自定义中间路径

# 快速参考
from selenium.webdriver.common.action_chains import ActionChains
src  = driver.find_element(By.ID, "p6_source")
tgt  = driver.find_element(By.ID, "p6_target")
ActionChains(driver) \
    .click_and_hold(src) \
    .move_to_element(tgt) \
    .release() \
    .perform()

📋 本节练习清单

✅ 练习目标：分步组合 click_and_hold → move_to_element → release 完成拖放

6 练习目标：按住 → 移动 → 释放，完成分步拖放

操作步骤：
① 定位 p6_source（源）和 p6_target（目标）两个区域；
② 用 click_and_hold(source).move_to_element(target).release().perform() 组合执行；
③ 断言 p6_target 显示「已接收」或 p6_result 包含「释放完成」。

释放交互演示区（真实拖动）

👆 按住紫色盒子，拖到右侧虚线目标区，松开完成

源

🎯 目标区

等待拖动...

💬 操作日志（拖动实时记录）
// 按住紫色盒子开始拖动...

💡 提示：前端拖动 = mousedown→mousemove→mouseup，对应 Selenium 的 click_and_hold().move_to_element().release()。

查看参考答案（Python Selenium）

# 练习 6 参考答案 · 释放（分步组合）
from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains

driver.get("https://autotest-505.pages.dev/mouse_op_practice.html")
source = driver.find_element(By.ID, "p6_source")
target = driver.find_element(By.ID, "p6_target")
actions = ActionChains(driver)

# 分步：按住 → 移动 → 释放
actions.click_and_hold(source) \
       .move_to_element(target) \
       .release() \
       .perform()

assert "已接收" in target.text

鼠标操作练习 · 释放

练习 · 释放 release()

练习 6 · 释放 release()

练习 · 释放 release()

练习 6 · 释放 release()

关于我们

联系方式

免责声明