当 sendKeys() 无法可靠更新 元素时，可通过 JavaScript Executor 直接赋值，绕过类型限制与 pattern 验证逻辑，确保数值准确写入。
当 `sendkeys()` 无法可靠更新 `` 元素时，可通过 javascript executor 直接赋值，绕过类型限制与 pattern 验证逻辑，确保数值准确写入。
在 Web 自动化测试中，<input type="number"> 元素虽语义明确，但 Selenium 的 sendKeys() 方法存在天然局限：它仅模拟键盘输入，会触发浏览器原生验证（如非数字字符拦截、小数点/负号兼容性问题），且无法直接设置超出当前 min/max 范围或不符合 pattern 的值（尽管 pattern 对 type="number" 实际无效，但部分框架会结合使用）。此时，依赖 DOM 操作的 JavaScript 执行器（JavascriptExecutor）成为更稳定、可控的替代方案。
以下为推荐实现方式（Java 示例）：
WebElement numberInput = driver.findElement(By.id("textFieldLength"));
String valueToSet = "123"; // 注意：仍需传入字符串形式（DOM value 属性为 string）
JavascriptExecutor jsExecutor = (JavascriptExecutor) driver;
jsExecutor.executeScript("arguments[0].value = arguments[1]", numberInput, valueToSet);
✅ 关键说明：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 即使
type="number"，DOM 的value属性仍是字符串类型，因此valueToSet必须为字符串（如"42"，而非42）； - 该方法不触发
input或change事件，如业务逻辑依赖这些事件，需手动补发：
jsExecutor.executeScript(
"arguments[0].value = arguments[1]; " +
"arguments[0].dispatchEvent(new Event('input', { bubbles: true })); " +
"arguments[0].dispatchEvent(new Event('change', { bubbles: true }));",
numberInput, valueToSet
);
⚠️ 注意事项：
- 避免混用
sendKeys()与 JS 赋值——前者可能被后者覆盖，或因异步渲染导致状态不一致； - 若页面启用了前端校验（如 React/Vue 的受控组件），需确认 JS 赋值后组件状态是否同步，必要时调用相应框架的更新方法；
- 始终配合显式等待（如
WebDriverWait等待元素可交互），确保元素已加载且未被遮挡。
综上，JavascriptExecutor 是处理 type="number" 输入框的首选方案：简洁、高效、规避浏览器输入限制，适用于 CI/CD 环境下的稳定自动化执行。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
