Javascript 物理鼠标点击与模拟按钮点击？

你好

我正在尝试让chrome extensions Script单击页面按钮以触发AJAX请求，但是，物理上单击所述按钮似乎与使用以下命令不同：

document.getElementsByTagName('input')[10].click();

<form
action="/battle.php" method="post" name="2913" id="2913" onsubmit="get('/battle.php', '', this);
disableSubmitButton(this);
return false;">…</form>

getElements行的结果如下：

<input type="submit" value="Continue ...">

调用表单将返回以下内容：

document.getElementsByTagName('input')[10].click();

<form
action="/battle.php" method="post" name="2913" id="2913" onsubmit="get('/battle.php', '', this);
disableSubmitButton(this);
return false;">…</form>

…

---

对于像我这样的初学者来说似乎不太明显，为什么要使用.click（）；在F12中，控制台（chrome）将与物理点击有任何不同。此外，我还验证了（sorf of）屏幕上的按钮实际上就是我用getElementsByTagName（“输入”）调用的按钮。

页面重新加载，因为按钮的类型是“提交”。您可以将事件处理程序附加到“单击”按钮，该按钮可以在不重新加载页面的情况下提交表单。您的代码将如下所示：

使用JQuery：

$('#submitButton').on('click', function(e){
   e.preventDefault(); // stops default submit
   $('#2913').submit(); // or the ID of your form
});

您的HTML将是：

<input type="button" value="Continue ..." id="submitButton">