javascript - DOM click() 不适用于此按钮

Question

当我使用方法click()单击按钮时，提交失败。
但是，当我使用鼠标单击该网页上的按钮时，（提交表单相同）它可以工作。

HTML 文件：

<button xmlns="http://www.w3.org/1999/xhtml" class="ui-button button1"       type="submit" id="create">
    <span>
        <span>Create</span>
    </span>
</button>

我的用户脚本文件：

document.getElementById("create").click();

如何使用 HTML DOM click() 单击按钮？

Answer 1

也许而不是单击按钮。您可以在 javascript 中将表单提交为

document.getElementByName('form1').submit();

因为它满足您的要求。

Answer 2

将调用包装在匿名自执行结构中，如下所示：

(function(){
    document.getElementById("create").click();
})();

这将模拟click加载 javascript 的时间。

Answer 3

点击方法并不总是有效。尝试发送与此答案click类似的事件：

var targBtn     = document.querySelector ("#create");
var clickEvent  = document.createEvent ('MouseEvents');
clickEvent.initEvent ('click', true, true);
targBtn.dispatchEvent (clickEvent);

---

但也要注意，按钮可能根本无法在点击时操作。请参阅“在 AJAX 驱动的站点上选择和激活正确的控件”。

按钮可以对mousedown、mouseup或某些事件组合进行操作。使用该问题中的技术来激活控件。 如果您无法使其工作，请链接到目标页面。

Answer 4

如果您对按钮的价值很灵活，那么请执行以下操作：

<button xmlns="http://www.w3.org/1999/xhtml" class="ui-button button1" value="submit" type="submit" id="create">

document.getButtonByValue('submit').click();

这工作得很好。

jsfiddle链接