如何在Java Selenium中无需右键/键盘操作向只读输入框粘贴文本

针对这个被Angular组件控制的输入框，以下几种方法可以绕过键盘输入限制，无需右键或快捷键直接填入内容：

方法1：直接通过JavaScript设置输入框值并触发事件 #

既然右键粘贴能生效，说明输入框的value可修改，直接用JS强制赋值并触发组件感知的事件，避免页面JS拦截：

// 定位内部input元素（用稳定属性定位，避开动态生成的_ngcontent）
WebElement inputElement = driver.findElement(By.cssSelector("ui-text-field[name='expirationDate'] input[formcontrolname='field']"));

// 执行JS设置值并触发input事件，确保Angular表单同步
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].value = '你要输入的文本'; arguments[0].dispatchEvent(new Event('input'));", inputElement);

如果input事件无法触发组件更新，可尝试替换为change或blur事件

方法2：直接操作Angular的FormControl实例 #

因为这是Angular封装的组件，直接操作其绑定的FormControl是最可靠的方式，完全避开页面的readonly限制逻辑：

JavascriptExecutor js = (JavascriptExecutor) driver;
// 获取Angular组件实例，直接设置FormControl的值
js.executeScript("const elem = document.querySelector('ui-text-field[name=\"expirationDate\"]'); const component = angular.element(elem).controller('uiTextField'); component.field.setValue('你要输入的文本');");

注：uiTextField是组件的控制器名称，field是FormControl的变量名，若实际项目中名称不同需对应修改

方法3：模拟剪贴板粘贴行为 #

模拟右键粘贴的底层逻辑，通过JS触发paste事件：

WebElement inputElement = driver.findElement(By.cssSelector("ui-text-field[name='expirationDate'] input[formcontrolname='field']"));
JavascriptExecutor js = (JavascriptExecutor) driver;

// 写入剪贴板并触发paste事件
js.executeScript("navigator.clipboard.writeText('你要输入的文本').then(() => { const pasteEvent = new ClipboardEvent('paste', { clipboardData: new DataTransfer(), bubbles: true }); arguments[0].dispatchEvent(pasteEvent); });", inputElement);

注：部分浏览器会限制剪贴板操作，需确保测试环境开启对应权限

关键注意事项 #

• 不要尝试移除readonly属性，页面JS会自动恢复，反而增加不必要的复杂度
• 优先使用方法1或方法2，方法3可能受浏览器权限限制
• 定位元素时依赖name="expirationDate"、formcontrolname="field"这类稳定属性，避免使用动态生成的_ngcontent属性

内容的提问来源于stack exchange，提问作者Farhood Naqizadeh