如何通过querySelectorAll实现输入框选中内容与回车事件模拟？

嘿，这就给你对应的实现代码，完全贴合你想要的写法风格：

1. 两行代码分别实现选中内容、模拟回车 #

• 选中输入框全部内容：

  document.body.querySelectorAll("*[id$='WE0234']")[0].select();
  

  这里用的是输入框原生的select()方法，调用后就能直接选中框内所有文本，和手动全选的效果完全一致。

• 模拟按下回车操作：

  document.body.querySelectorAll("*[id$='WE0234']")[0].dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', keyCode: 13, bubbles: true }));
  

  这里通过创建并分发一个键盘事件来模拟回车，bubbles: true是关键配置，能确保事件像真实操作一样向上冒泡，触发页面上绑定的回车回调逻辑。如果部分场景下仅触发keydown不够，你也可以补充触发keyup事件，不过大部分场景单keydown就够用了。

2. 单行代码模拟回车 #

把元素获取和事件触发合并到一行即可：

document.body.querySelectorAll("*[id$='WE0234']")[0].dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', keyCode: 13, bubbles: true }));

顺便提个小优化：如果这个输入框在页面中是唯一的，用querySelector代替querySelectorAll()[0]会更简洁，比如document.body.querySelector("*[id$='WE0234']").select();，功能完全相同~

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