【问题标题】：how programmatically search on WhatsApp web in console如何在控制台中以编程方式在 WhatsApp 网络上搜索
【发布时间】：2023-02-23 08:31:57
【问题描述】：

为什么我无法使用此 JavaScript 代码在 WhatsApp 网页上进行搜索？

let xPath = "/html/body/div[1]/div[1]/div[1]/div[3]/div/div[1]/div/label/div/div[2]";
let result = document.evaluate(xPath, document);
let searchBox = result.iterateNext();
searchBox.innerText='my contact name'

它只是显示我的联系人姓名在搜索框中，但它是不过滤我的联系人。在搜索框中输入我的联系人姓名后，如何过滤我的联系人？

【问题讨论】：

标签： javascript

【解决方案1】：

你已经走到了最后一步却迷路了！ innerText 只是您看到的文本，而不是过滤联系人的内部文本。可以在任何地方更改 innerHTML，但这种类型的文本框不是接受使用 innerHTML 属性进行编辑的本机（典型）文本框，唯一地仔细监听（等待）事件发生然后它们工作。所以要在这里做到这一点，你必须使用他们的武器来对抗他们，使用事件。

这是怎么做的

function send_text(text) {
    const dataTransfer = new DataTransfer();
    dataTransfer.setData('text', text);
    const event = new ClipboardEvent('paste', {
        clipboardData: dataTransfer,
        bubbles: true
    });
    let el = document.querySelector('#main .copyable-area [contenteditable="true"][role="textbox"]')
    el.focus()
    // select old text and replace it with new
    document.execCommand("selectall");
    el.dispatchEvent(event)
}

你能给我反馈吗？

【讨论】：