¿Cómo puedo encontrar el botón al que se hizo clic desde el evento de envío de formulario en jquery?

Question

Tengo una función que estoy usando para evitar las devoluciones de datos múltiples de una forma:

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

En el método CanSubmit, tengo que interrogar al botón que se ha hecho clic para determinar si debería permitir que el someter o no .

Tenga en cuenta que no puedo enlazar a eventos específicos de clics; consulte this previous question para obtener más información.

En Firefox, puedo usar e.originalEvent.explicitOriginalTarget, pero aparentemente no está disponible en IE.

¿Cómo puedo obtener este valor del parámetro e de forma cruzada?

Answer 1

En realidad sólo podría reemplazar $('form').bind('submit' con $(':submit').bind('click' y su código podría funcionar igual de bien (y se podría utilizar this para ver lo que se ha hecho clic).

Answer 2

Use e.target - jQuery normalizes it para la consistencia del navegador cruzado.

Lo más parecido que pude encontrar para explicitOriginalTarget fue document.activeElement (para IE) - es el elemento que tuvo foco durante el evento. No hay un equivalente para los navegadores basados ​​en webkit. Así que no, no existe una verdadera forma de navegador cruzado para hacer esto solo con el objeto de evento.

Answer 3

¿Por qué no desvincular la función de enviar cuando haces un envío? Esto le garantiza una sola presentación:

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

Pedido .unbind() bajo, "Uso del objeto de evento"

O, como Matt Ball señaló en los comentarios, puede utilizar .one(), que es equivalente a lo anterior.

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

Si usted tiene la presentación $.post() o $.get() de la forma unida a múltiples eventos/elementos, a continuación, sólo tiene que asegurarse de que desenlazar el controlador que termina siendo utilizado dentro de sí mismo mediante el objeto event y a continuación, desenlazar todos los demás controladores, y viceversa para cada uno de estos otros controladores. Puede desvincular a los otros manejadores usando one of about four methods to unbind event handlers.

Answer 4

Por qué no utilizar la función .one, garantiza que se dispare solo una vez.

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