Chrome扩展模拟按键：设置textarea内容无法触发字数统计求助

直接修改innerHTML或value不会触发页面监听的输入事件，这是手动输入能触发统计而脚本操作不行的核心原因。试试以下方案：

• 优先使用value而非innerHTML：textarea的标准内容属性是value，直接修改innerHTML可能不被页面的表单逻辑识别，先替换成：

  const textarea = document.querySelector('textarea');
  textarea.value = '你的填充内容';
  

• 手动触发标准输入事件：大多数网站的字数统计会监听input事件，手动派发这个事件即可触发统计逻辑：

  // 触发input事件（冒泡且可取消，模拟用户输入的行为）
  textarea.dispatchEvent(new Event('input', { bubbles: true, cancelable: true }));
  

• 如果上述无效，尝试触发复合事件：部分网站会监听compositionstart/compositionend（输入法输入时的事件），可以模拟完整的输入流程：

  // 模拟开始输入
  textarea.dispatchEvent(new Event('compositionstart', { bubbles: true }));
  // 设置内容
  textarea.value = '你的填充内容';
  // 模拟输入结束
  textarea.dispatchEvent(new Event('compositionend', { bubbles: true }));
  // 再触发一次input事件
  textarea.dispatchEvent(new Event('input', { bubbles: true }));
  

• 直接调用页面的统计函数：如果网站的字数统计有暴露全局函数（比如updateWordCount()），可以直接在content script里调用：

  // 假设页面有全局的字数更新函数
  if (window.updateWordCount) {
    window.updateWordCount();
  }
  

注意：如果目标textarea在iframe中，需要确保content script能访问到iframe的上下文（在扩展manifest中配置all_frames: true）。

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