点击Whatsapp Web中的新聊天图标使用Javascript

Question

image of code using inspector

我想点击http://web.whatsapp.com/中的新聊天按钮，然后搜索字符串。

下面是我要点击的html标签：

<button class="icon icon-chat" title="New chat"></button>

我用这个javascript点击它：

document.querySelector('.icon.icon-chat').click()

但不行。

在同一个网站中，我使用此代码点击发送邮件的发送图标并工作：

 document.querySelector('.icon.icon-send.compose-btn-send').click()

Answer 1

React dev工具显示事件处理程序被编写为在mousedown上触发。所以你必须解雇mousedown事件

在控制台中输入

function simulateMouseEvents(element, eventName) {
    var mouseEvent= document.createEvent ('MouseEvents');
    mouseEvent.initEvent (eventName, true, true);
    element.dispatchEvent (mouseEvent);
}

simulateMouseEvents(document.querySelector('.icon.icon-chat'), 'mousedown')

Answer 2

试试这个

function triggerMouseEvent(node, eventType) {
    var event = document.createEvent('MouseEvents');
    event.initEvent(eventType, true, true);
    node.dispatchEvent(event);
}

triggerMouseEvent(document.getElementsByClassName("chat-title")[0], "mousedown");