触发点击事件将返回 true 但不起作用

Question

这里是测试的目标：

我需要使用 javascript 单击登录按钮，我使用了这段代码：

document.querySelectorAll('[id="wp-submit"]')[0].dispatchEvent(new Event('click'));

我需要用dispatchEvent因为这里的click事件可以换成任何事件

它会 return true 但它不会起作用。问题出在哪里？

Answer 1

query selector all 将 return 一个 dom 节点的列表，你应该只使用 document.querySelector，但更好的可能是 document.getElementById 因为你正在通过查询编号.

此外，还有一个更简单的点击事件方法可用。像这样的事情怎么样：

function checkBox(){
    document.getElementById('wp-submit').click()
}

<div>
  <input id="wp-submit" type="checkbox">
  <button type="button" onClick="checkBox()">
    Click me to check the box
  </button>
</div>

Triggering Click Event will Retrun true but will not work