javascript - examples - jquery methods

¿Cómo volver a habilitar event.preventDefault?

Question

Tengo una página web en la que he evitado la acción predeterminada en todos los botones de envío. Sin embargo, me gustaría volver a habilitar la acción de envío predeterminada en un botón. ¿Cómo puedo hacer esto?

Actualmente estoy impidiendo la acción predeterminada utilizando lo siguiente:

$("form").bind("submit", function(e){
e.preventDefault();
});

Lo he hecho con éxito usando lo siguiente:

$(document).ready(function(){
$("form:not(''#press'')").bind("submit", function(e){
e.preventDefault();
});

¿Pero puedo hacer esto dinámicamente cuando se hace clic en el botón?

Answer 1

Con las acciones asíncronas (temporizadores, ajax) puede anular la propiedad isDefaultPrevented como esto:

$(''a'').click(function(evt){
e.preventDefault();
// in async handler (ajax/timer) do these actions:
setTimeout(function(){
// override prevented flag to prevent jquery from discarding event
evt.isDefaultPrevented = function(){ return false; }
// retrigger with the exactly same event data
$(this).trigger(evt);
}, 1000);
}

Esta es la forma más completa de volver a activar el evento con exactamente los mismos datos.

Answer 2

O haces lo que redsquare propone con este código:

function preventDefault(e) {
e.preventDefault();
}
$("form").bind("submit", preventDefault);
// later, now switching back
$("form#foo").unbind("submit", preventDefault);

O bien, asigna un atributo de formulario siempre que se permita el envío. Algo como esto:

function preventDefault(e) {
if (event.currentTarget.allowDefault) {
return;
}
e.preventDefault();
}
$("form").bind("submit", preventDefault);
// later, now allowing submissions on the form
$("form#foo").get(0).allowDefault = true;

Answer 3

Puedes reactivar las acciones añadiendo

this.delegateEvents(); // Re-activates the events for all the buttons

Si lo agrega a la función de renderizado de una vista de backbone js, entonces puede usar event.preventDefault () según sea necesario.

Answer 4

Tendría que desvincular el evento y volver a vincularlo a un evento separado que no evite el defecto o simplemente llamar al evento predeterminado más adelante en el método después de desvincularlo. No hay evento mágico.cancelled = false;

De acuerdo a lo pedido

 $(''form'').submit( function(ev){
ev.preventDefault();
//later you decide you want to submit
$(this).unbind(''submit'').submit()
});

Answer 5

function(e){ e.preventDefault();

y su opuesto

function(e){ return true; }

¡aclamaciones!

Answer 6

$(''form'').submit( function(e){
e.preventDefault();
//later you decide you want to submit
$(this).trigger(''submit''); or $(this).trigger(''anyEvent'');