SeleniumJava获取输入框文本方法

内嵌 input.field，其“只读”状态并非由 readonly 属性控制，而是通过 CSS 类（如 is-readonly）配合 JavaScript 事件拦截（keydown、paste 禁用）实现。此时调用 element.clear() + sendKeys() 会静默失败；而模拟右键 → 粘贴虽可行，却依赖 UI 交互、易被动态重渲染还原（如焦点离开后 JS 自动恢复类名），稳定性差。

根本解法是绕过前端交互层，直写 DOM 属性。Selenium 提供 JavascriptExecutor 接口，允许执行任意 JavaScript 脚本，精准修改元素状态与值：

import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.By;

// 定位目标 input 元素（注意：需选中内部的 input，而非外层 div）
WebElement inputField = driver.findElement(By.cssSelector("ui-text-field input.field"));

// 强制转换为 JavascriptExecutor
JavascriptExecutor js = (JavascriptExecutor) driver;

// 步骤1：移除导致只读行为的 CSS 类（关键！）
js.executeScript("arguments[0].parentElement.classList.remove('is-readonly');", inputField);

// 步骤2：清除现有值（可选，但推荐）
js.executeScript("arguments[0].value = '';", inputField);

// 步骤3：直接设置目标文本值（最核心操作）
js.executeScript("arguments[0].value = '1403/05/12';", inputField);

// 步骤4：触发必要的事件（如 Angular 的 ngModel 更新）
js.executeScript("arguments[0].dispatchEvent(new Event('input', { bubbles: true }));", inputField);
js.executeScript("arguments[0].dispatchEvent(new Event('change', { bubbles: true }));", inputField);

✅ 关键要点说明：

• 定位要准：务必定位到 <input> 标签本身（如 By.cssSelector("ui-text-field input.field")），而非外层 div 或 ui-text-field 自定义元素，否则 value 设置无效；
• 类操作对象是父容器：is-readonly 类实际挂在 div.text-field 上，因此 arguments[0].parentElement.classList.remove(...) 才能生效；
• 必须触发事件：仅设 value 不会通知框架（如 Angular 的 ngModel），需手动派发 input 和 change 事件，确保双向绑定更新；
• 规避重渲染风险：若页面在失焦/异步回调中自动恢复 is-readonly，建议在 sendKeys 后立即执行 JS 写值，并在后续操作前验证元素状态（如 js.executeScript("return arguments[0].parentElement.classList.contains('is-readonly')", inputField)）；
• 替代方案对比：sendKeys(Keys.CONTROL, "v") 依赖系统剪贴板且跨平台不稳定；Actions.contextClick().sendKeys(...) 易被 Shadow DOM 或 z-index 阻断——JS 直写是唯一高兼容性方案。

综上，JavascriptExecutor 不仅是“绕过限制”的权宜之计，更是与现代前端框架协同的标准化实践。掌握其与 DOM 操作、事件派发的组合用法，可显著提升 Selenium 脚本在复杂 SPA 应用中的健壮性与可维护性。

以上就是《SeleniumJava获取输入框文本方法》的详细内容，更多关于的资料请关注golang学习网公众号！