通过 Javascript 控制台单击元素答案

【问题标题】：Click on element via Javascript console通过 Javascript 控制台单击元素
【发布时间】：2014-09-18 03:28:59
【问题描述】：

假设网站上有一个元素#button1 被jQuery 监视：

$('#button1').click(function(){
   console.log("you clicked");
};

那么我如何通过 JavaScript 控制台点击这个 #button1 元素？有没有像click("#button1") 这样的命令？谢谢。

【问题讨论】：

【解决方案1】：

您可以像下面这样触发点击功能

使用 JQuery

$('#button1').click()

使用简单的 JS

document.getElementById('button1').click();

【讨论】：

【解决方案2】：

省略回调函数可以触发点击：

$('#button1').click();

【讨论】：

【解决方案3】：

您不能点击，但可以模拟或触发click。请参考Creating and triggering events

【讨论】：

你能告诉我在这种情况下我应该使用什么触发器吗？我需要看一个例子，然后我会得到它。
如果您正在寻找vanilla javascript的解决方案，请参考Triggering built-in events。如果正在寻找jQuery的解决方案，其他flk已经发布了答案。
赞成，因为这种澄清（您可以模拟但不能触发）将有助于接近主题的顶部。

【解决方案4】：

你可以在没有 jQuery 的情况下实现这一点：

document.getElementById("button1").click(); // clicks the button

【讨论】：

【解决方案5】：

除了已经提到的答案之外，您还可以使用它：

$( "#button1" ).trigger( "click" );

【讨论】：