javascript - 将 jQuery 脚本挂接到 <input> 和 标签中

Question

我正在使用以下 Javascript 代码来处理 ajax 中的所有表单:

$(':submit:not(.form-default-submit)').click(function(event) {
    //Disable normal form submission, handle using ajax
});

这会 Hook 到所有标签中，例如

<input type="submit">

没有类 form-default-submit

不幸的是，我刚刚注意到这不会在 button 标签上出现，例如:

<button type="submit"></button>

这是我希望发生的事情。

是否可以修改此 Javascript 以从一个函数挂接到两个元素？或者我是否必须为每个元素使用两个单独的 .click 事件？

Answer 1

您可以使用 , 用于分隔 multiple selector

$(':submit,button[type="submit"]').not('.form-default-submit').click(function(event) {
    //Disable normal form submission, handle using ajax
});

或者您可以使用 attribute selector

$('[type="submit"]:not(.form-default-submit)').click(function(event) {
    //Disable normal form submission, handle using ajax
});