Selenium 向文本框输入值后立即被清空，通常是因前端框架监听焦点/事件导致；本文提供三种稳定可靠的解决方案：强制失焦、JavaScript 直接赋值和 Actions 链式操作，并附代码示例与关键注意事项。
.selenium 向文本框输入值后立即被清空，通常是因前端框架监听焦点/事件导致；本文提供三种稳定可靠的解决方案：强制失焦、javascript 直接赋值和 actions 链式操作，并附代码示例与关键注意事项。
在自动化测试中，使用 sendKeys() 向输入框（如日期选择器、React/Vue 绑定控件）输入值后内容瞬间消失，是一个高频且棘手的问题。其根本原因往往并非 Selenium 操作失败，而是前端 JavaScript 框架（如 Angular 的 ngModel、React 的受控组件或自定义校验逻辑）在输入后触发了重置、格式化或失焦校验，导致值被覆盖或清空。
以下是经过验证的三种高效解决方案，适用于不同场景：
✅ 方案一：清除 + 输入 + 强制失焦（推荐优先尝试）
通过 Keys.TAB 触发 blur 事件，模拟真实用户操作流程，促使前端完成绑定更新：
WebElement element = driver.findElement(By.id("productionDate"));
element.clear();
element.sendKeys("2024-05-20" + Keys.TAB);⚠️ 注意：确保元素已加载且可交互；若页面有防重复提交或延迟校验逻辑，可加 Thread.sleep(300) 或显式等待 ExpectedConditions.attributeToBe(element, "value", "2024-05-20")。
✅ 方案二：JavaScript 直接设置 DOM value 属性（绕过事件监听）
适用于受控组件或 input 事件被拦截的场景，跳过前端框架的输入生命周期：
WebElement element = driver.findElement(By.id("productionDate"));
String value = "2024-05-20";
((JavascriptExecutor) driver).executeScript(
"arguments[0].value = arguments[1];",
element,
value
);
// 补充触发 input 和 change 事件（关键！否则 React/Angular 可能不响应）
((JavascriptExecutor) driver).executeScript(
"arguments[0].dispatchEvent(new Event('input', { bubbles: true }));" +
"arguments[0].dispatchEvent(new Event('change', { bubbles: true }));",
element
);✅ 方案三：Actions 链式操作（增强交互真实性）
结合鼠标移动、点击与键盘输入，提升对复杂 UI 组件（如弹出日历、富文本框）的兼容性：
WebElement element = driver.findElement(By.id("productionDate"));
new Actions(driver)
.moveToElement(element)
.click()
.sendKeys("2024-05-20")
.perform();? 统一建议：
- 始终配合显式等待（WebDriverWait）确认元素可点击/可编辑，避免因异步渲染导致操作失效；
- 避免轮询重试（如原始代码中的 do-while），既低效又易掩盖根本问题；
- 对日期类输入框，优先检查是否应使用配套的日历控件点击选择，而非直接输入（更符合业务逻辑）。
掌握这三种方法，可系统性应对绝大多数“输入即清空”场景，显著提升脚本健壮性与维护效率。
