使用DOM方法更新网页版WhatsApp文本输入框遇阻求助

网页版WhatsApp的输入区域并非普通原生textarea（或是隐藏textarea由上层可编辑元素代理输入），直接修改DOM内容不会触发内部状态更新，得按真实输入流程操作：

• 定位输入核心元素
  网页版WhatsApp的输入框一般是带contenteditable="true"属性的div或span，可以用这段代码定位：

  const inputBox = document.querySelector('div[contenteditable="true"][data-tab="10"]');
  

  如果上面的选择器无效，也可以尝试找带_13NKt类的元素（这是WhatsApp常用的输入框类名）。

• 清空内容并设置新文本，触发同步事件
  直接修改元素内容后，必须触发输入事件让WhatsApp同步状态：

  if (inputBox) {
    // 清空原有内容
    inputBox.textContent = '';
    // 设置要输入的文本
    inputBox.textContent = '你需要输入的内容';
    // 触发输入事件，通知WhatsApp更新内部状态
    inputBox.dispatchEvent(new Event('input', { bubbles: true }));
    // 可选：触发焦点事件确保状态完全同步
    inputBox.focus();
  }
  

• 为什么直接改textarea没用？
  网页版WhatsApp的可见输入区域是可编辑元素，实际提交用的textarea可能是隐藏的，仅作为数据载体。直接修改隐藏textarea不会同步到可见区域，也触发不了消息发送逻辑，必须操作可见的可编辑元素并触发事件。

• 额外注意

  • WhatsApp的DOM结构会随版本更新变化，如果选择器失效，需要用浏览器开发者工具（F12）重新定位输入元素
  • 别频繁触发事件，避免被反自动化机制限制

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