Jak mogę znaleźć przycisk, który został kliknięty w zdarzeniu przesyłania formularza w jquery?

Question

Mam funkcji, które używam, aby zapobiec wielu postbacks o postaci:

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

W metodzie CanSubmit muszę przesłuchać przycisk, który został kliknięty w celu ustalenia, czy powinienem pozwolić złożyć lub nie .

Należy pamiętać, że nie można powiązać z konkretnymi zdarzeniami kliknięcia - więcej szczegółów w artykule this previous question.

W przeglądarce Firefox mogę używać e.originalEvent.explicitOriginalTarget, ale najwyraźniej nie jest to dostępne w IE.

Jak uzyskać tę wartość z parametru e w trybie przeglądarki?

Answer 1

Właściwie można po prostu zamienić $('form').bind('submit' na $(':submit').bind('click', a Twój kod będzie działał równie dobrze (możesz użyć this, aby zobaczyć, co zostało kliknięte).

Answer 2

Użyj e.target - jQuery normalizes it dla spójności krzyżowej przeglądarki.

Najbliższą rzeczą, jaką mogłem znaleźć dla explicitOriginalTarget był document.activeElement (dla IE) - jest to element, który miał fokus podczas imprezy. Nie ma odpowiednika dla przeglądarek opartych na webkitach. Więc nie, nie ma prawdziwego sposobu krzyżowej przeglądarki, aby to zrobić tylko z obiektem zdarzenia.

Answer 3

Dlaczego nie anulujesz powiązania funkcji przesyłania, gdy przesyłasz? Będzie to gwarantuje tylko jedno zgłoszenie:

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

Zamówienie .unbind() pod „Używanie obiekt zdarzenia”

lub, jak Matt Ball zauważył w komentarzach, można użyć .one(), który jest odpowiednik powyższego.

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

Jeśli masz przedstawienie postaci związanej z wielu zdarzeń/elementów z $.post() lub $.get(), a potem po prostu trzeba upewnić się rozpiąć handler że kończy się stosować od wewnątrz siebie przy użyciu obiektu event i następnie usuń wszystkie pozostałe programy obsługi i na odwrót dla każdej z tych innych procedur obsługi. Możesz rozpiąć pozostałe moduły obsługi, używając one of about four methods to unbind event handlers.

Answer 4

Dlaczego nie używać funkcji .one, gwarantuje, że wystrzeliwuje tylko jeden raz.

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