有一个内置的DOM方法document.execCommand。
如果是扩展，请在content script中使用此代码。

// some.selector may be `input` or `[contenteditable]` for richly formatted inputs
const el = document.querySelector('some.selector');
el.focus();
document.execCommand('insertText', false, 'new text');
el.dispatchEvent(new Event('change', {bubbles: true})); // usually not needed

它模拟用户在当前焦点DOM元素中的物理输入，以便在isTrusted字段设置为true的情况下触发所有必要的事件（如beforeinput、input）。在某些页面上，change事件应如上所示额外调度。

您可能希望选择当前文本以完全替换它，而不是追加：

replaceValue('some.selector', 'new text');

function replaceValue(selector, value) {
  const el = document.querySelector(selector);
  if (el) {
    el.focus();
    el.select();
    if (!document.execCommand('insertText', false, value)) {
      // Fallback for Firefox: just replace the value
      el.value = 'new text';
    }
    el.dispatchEvent(new Event('change', {bubbles: true})); // usually not needed
  }
  return el;
}

请注意，尽管execCommand在2020年被标记为过时，但它在可预见的未来仍将工作，因为新的编辑API规范尚未完成，而且知道此类事情通常进展缓慢，可能还需要5-20年。

由于document.execCommand()已经过时，我现在使用下面的代码，它运行良好：

function imitateKeyInput(el, keyChar) {
  if (el) {
    const keyboardEventInit = {bubbles:false, cancelable:false, composed:false, key:'', code:'', location:0};
    el.dispatchEvent(new KeyboardEvent("keydown", keyboardEventInit));
    el.value = keyChar;
    el.dispatchEvent(new KeyboardEvent("keyup", keyboardEventInit));
    el.dispatchEvent(new Event('change', {bubbles: true})); // usually not needed
  } else {
    console.log("el is null");    
  }
}

下面的代码只能在普通网站上工作，但对强大网站（如Facebook）无效。

function fireKeyEvent(el, evtType, keyChar) {
  el.addEventListener(evtType, function(e) {el.value += e.key;}, false);
  el.focus();
  const keyboardEventInit = {bubbles:false, cancelable:false, composed:false, key:keyChar, code:'', location:0};
  var evtObj = new KeyboardEvent(evtType, keyboardEventInit);
  el.dispatchEvent(evtObj);
}