如何使用Protractor发送回车键按键操作？

我看了你这段用Protractor实现回车键按下的代码，应该是遇到回车键没触发预期动作的问题了吧？结合你的代码逻辑，我给你梳理几个常见的排查方向和解决方案：

1. 给目标元素直接发送回车键，避免全局焦点问题 #

你当前用browser.actions().sendKeys(protractor.Key.ENTER).perform()是全局发送回车键，很可能因为焦点没有稳定落在editNameUnderFocus输入框上导致操作失效。建议直接给你刚输入内容的目标元素发送回车键：

// 替换全局回车操作，直接给输入框发送回车
await this.editNameUnderFocus.sendKeys(protractor.Key.ENTER);

甚至可以把输入内容和回车操作合并成一行，更简洁：

await this.editNameUnderFocus.sendKeys('uitest123', protractor.Key.ENTER);

2. 替换硬等待为显式等待，确保元素状态正确 #

你用browser.sleep(500)是硬等待，这种方式不稳定——有时候页面加载慢，500毫秒后元素还没完全聚焦；有时候加载快，等待完全没必要。建议用Protractor的显式等待来确保元素处于可交互/聚焦状态：

const EC = protractor.ExpectedConditions;

// 等待编辑按钮可点击
await browser.wait(EC.elementToBeClickable(this.editName), 5000);
await this.editName.click();

// 等待输入框获得焦点并可操作
await browser.wait(EC.elementToBeSelected(this.editNameUnderFocus), 5000);
await this.editNameUnderFocus.clear();

// 输入内容+回车
await this.editNameUnderFocus.sendKeys('uitest123', protractor.Key.ENTER);

3. 检查Angular异步状态，避免操作被阻塞 #

你最后调用了await browser.waitForAngularEnabled(true);，但如果在执行回车操作时Angular还处于不稳定状态，可能会导致操作不执行。可以根据页面情况调整：

• 如果是纯Angular页面，先等待Angular稳定：

  await browser.waitForAngular();
  await this.editNameUnderFocus.sendKeys(protractor.Key.ENTER);
  

• 如果操作的是非Angular区域，临时禁用Angular等待：

  await browser.waitForAngularEnabled(false);
  await this.editNameUnderFocus.sendKeys(protractor.Key.ENTER);
  await browser.waitForAngularEnabled(true);
  

4. 用原生JS模拟回车事件（兜底方案） #

如果上面的方法都没效果，可以直接通过JS脚本触发回车键事件，绕过Protractor的actions API：

await browser.executeScript((element) => {
  // 创建并触发回车键事件
  const enterEvent = new KeyboardEvent('keydown', {
    key: 'Enter',
    code: 'Enter',
    bubbles: true,
    cancelable: true
  });
  element.dispatchEvent(enterEvent);
}, this.editNameUnderFocus);

先试试前两个方案，这是最常见的解决点，大概率能解决你的问题。

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