Mootools 按类名单击表单按钮答案

【问题标题】：Mootools click form button by classnameMootools 按类名单击表单按钮
【发布时间】：2013-07-11 23:07:03
【问题描述】：

大家好，我几乎没有在网站上使用 mootools，但我需要一种使用 mootools 以编程方式点击网站内按钮的方法。

网站加载以下mootools：

 mootools-core-1.4.5.js
 mootools-more-1.4.0.1.js
 mootools-more-form-1.4.0.1.js

按钮的 HTML 是这样的：

<div id="login-submit-action" class="unselectable form-action">
   <button type="submit" class="submit-2013"><span>Sign in</span></button>
</div>

我知道如何使用 Jquery 完成此操作：

$('.submit-2013').click();

任何帮助都会很棒！

【问题讨论】：

【解决方案1】：

试试这个：

选项 1 / Fiddle 1

document.getElement('.submit-2013').click(); // not cross browser

var form = document.getElement('form');
form.fireEvent('submit'); // depends if there's a event.stop etc, may need to stub
// or simply form.submit()

【讨论】：

那行不通。我需要将其设置为以编程方式——而不是当我用自己的鼠标点击它时。
@StealthRT，啊哈，对不起。阅读您的问题太快了。用新内容编辑了我的答案。
@StealthRT，这就是你要找的吗？
为什么是$$ 而不是document.getElement？如果您在语义上有一个表单处理程序，最好触发表单的提交。如果你有一个点击处理程序，在 mootools 中它将是.fireEvent('click')。 .click() 不是跨浏览器。
他有一个 mootools-more-form handler（无论如何，这里的代码都没有实际显示提交的内容）。由于可以通过按钮或键盘提交表单，因此调用表单的提交方法比模拟用户操作更安全。无论如何——从语义上和维护上来说，这是更好的 imo。