本文介绍在 selenium java 中绕过前端只读限制（如 `is-readonly` 类或禁用键盘输入）的可靠方案：通过 `javascriptexecutor` 直接操作 dom 设置 input 值，无需模拟右键粘贴或按键组合，规避 javascript 动态重置风险。
在自动化测试中，常遇到 Angular、React 等框架构建的表单组件——表面是 ，实则受封装逻辑严格管控。例如题中所示结构：
内嵌 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);✅ 关键要点说明：
- 定位要准：务必定位到 标签本身（如 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 应用中的健壮性与可维护性。
立即学习“Java免费学习笔记（深入）”；
