如何在 javascript 中填写 web whatsapp 文本字段？答案

【问题标题】：How to fill the web whatsapp text field in javascript?如何在 javascript 中填写 web whatsapp 文本字段？
【发布时间】：2021-06-01 17:42:18
【问题描述】：

我正在尝试使用 Javascript 填充 Web WhatsApp 中的文本字段，但它没有按照我的要求工作。

我想在文本字段中写入文本，然后使用 JS 以编程方式单击发送按钮。

这可能吗？

我在控制台中尝试了以下代码，

document.getElementsByClassName('_2_1wd copyable-text selectable-text')[1].innerText = "hello this is test\\n"

enter image description here

它正在文本字段中写入，但重叠现有占位符和发送按钮也不会通过以编程方式尝试显示。

【问题讨论】：

错误是什么？发生了什么与您预期会发生什么？
这很可能是一个输入字段，这意味着innerText 在这里是错误的API。您可能需要value
尝试document.getElementsByClassName('_2_1wd copyable-text selectable-text')[1].value = "hello this is test"并使用表单上的submit事件提交。
可能需要通知页面，example。
@Dominik，我尝试使用“值”，但它不起作用，因为元素本质上是“div”而不是输入字段。

标签： javascript web-scraping google-chrome-extension selenium-chromedriver webautomation

【解决方案1】：

这是不可取的，

但你可以通过触发事件来做到这一点..

var inputEvent = new InputEvent('input', {
    bubbles: true,
    cancelable: true,
});
var clickEvent = new InputEvent('click', {
    bubbles: true,
    cancelable: true,
});

var selectableTextDiv = select that textDiv;
selectableTextDiv.innerText = "You desired Message";
selectableTextDiv.dispatchEvent(inputEvent)
// After triggeing input event.. you will see the send button
var sendButton = //selectThatButton
sendButton .dispatchEvent(clickEvent);

但正如我上面提到的“这是不可取的”

【讨论】：