WhatsApp Web - 输入新行

简介

WhatsApp Web 是 WhatsApp 的一个网页应用程序，允许用户通过在计算机浏览器上的网页上聊天。

本文将演示如何在 WhatsApp Web 中输入新行并发送消息。

实现

在 WhatsApp Web 上，输入新行的方法与在普通的文本输入框中有些不同。

我们需要使用 Shift + Enter 组合键来输入新行。这个组合键将插入一个回车符，使文本输入在下一行继续。

以下是一个示例代码：

async function sendMessage(message) {
  const input = document.querySelector('.focusable-textinput');
  input.innerHTML = message.replace(/\n/g, '<br>'); // 将输入的换行替换成 <br>标签

  const event = new Event('input', { bubbles: true });
  event.simulated = true;
  input.dispatchEvent(event);
  event.simulated = false;

  const button = document.querySelector('._4sWnG');
  button.click();
}

代码解释：

• document.querySelector('.focusable-textinput') 获取输入文本框的 DOM 元素
• input.innerHTML 将换行符替换成 <br> 标签，以便在 WhatsApp Web 中实现新行
• input.dispatchEvent(event) 触发 input 事件，以更新 WhatsApp Web 的消息输入框
• document.querySelector('._4sWnG') 获取发送按钮的 DOM 元素
• button.click() 模拟点击事件，以发送消息。

注意事项

• 输入的消息必须经过处理，将换行符替换成 <br> 标签。
• 在 WhatsApp Web 中，新行需要使用 Shift + Enter 组合键实现。

结论

在 WhatsApp Web 中输入新行需要些技巧，但是只需要一个简单的处理就可以轻松实现。通过使用以上代码片段，您可以在 WhatsApp Web 中实现输入新行并发送消息。