如何在 jquery 中找到从表单提交事件中单击的按钮？

Question

我有一个用于防止表单多次回发的功能：

var submitted = false;
$(function() {
    $('form').bind('submit', function(e) {
        if (!submitted && CanSubmit(e)) {
            submitted = true;
            return true;
        } else {
            return false;
        }
    });
});

在CanSubmit 方法中，我需要询问被点击的按钮以确定我是否应该允许提交。

请注意，我无法绑定到特定的点击事件 - 有关详细信息，请参阅 this previous question。

在 Firefox 中，我可以使用 e.originalEvent.explicitOriginalTarget，但这显然在 IE 中不可用。

如何以跨浏览器的方式从e 参数中获取该值？

Answer 1

提交的时候为什么不解绑提交功能呢？这将保证只提交一次：

$(function() {
    $('form').bind('submit', function(event) {
          // regular submit form stuff here
        ...
          // and unbind it
        $('this').unbind(event);       
    });
});

在“使用事件对象”下结帐.unbind()

或者，正如马特鲍尔在 cmets 中指出的那样，您可以使用 .one()，相当于上面的。

$(function() {
    $('form').one('submit', function(event) {           // <== Only executed once
          // regular submit form stuff here
        ...
    });
});

如果您将$.post() 或$.get() 提交的表单绑定到多个事件/元素，那么您只需确保使用event 对象取消绑定最终在自身内部使用的处理程序，然后也取消绑定所有其他处理程序，反之亦然。您可以使用 one of about four methods to unbind event handlers 取消绑定其他处理程序。

Answer 2

为什么不使用.one 函数，保证它只触发一次。

$(function() {
    $('form').one('submit', function(event) {
      // regular submit form stuff here     
    });
});

Answer 3

实际上，您可以将$('form').bind('submit' 替换为$(':submit').bind('click'，您的代码也可以正常工作（您可以使用this 来查看点击了什么）。

Answer 4

使用e.target - jQuery normalizes it 实现跨浏览器一致性。

我能找到的最接近 explicitOriginalTarget 的东西是 document.activeElement（对于 IE）——它是活动期间的焦点元素。基于 webkit 的浏览器没有等价物。所以不，没有真正的跨浏览器方法可以仅使用事件对象来执行此操作。