Interaktion mit Symbolen durch TABING

Question

Ich habe ein Jquery-Formular-Fenster mit mehreren Objekten, mit denen interagiert werden kann, Schaltflächen, Text und schließlich das "X" -Symbol.

$('#cancel-feedback, #feedback-dialogs .icon-close, #feedbackCloseAfter').click(function (e) { 
    closeDialog(); 
}); 

Was ich nicht verstehe ist, warum, wenn ich TAB durch die Objekte zu den „# cancel-Feedback“ (was eine Schaltfläche) und drücken Sie Enter-Taste das Fenster geschlossen, aber wenn ich wiederholen Sie den Vorgang für die icon es nicht.

Klicken mit dem Mauszeiger funktioniert in beiden Fällen einwandfrei.

Answer 1

Das ist, weil das Standardverhalten für eine Schaltfläche Submit von einigen Browsern speziell IE berücksichtigt wird. Wenn Sie dieses Verhalten vermeiden wollen sicherstellen, dass die Schaltfläche Typ explizit festgelegt ist:

Zum Beispiel

<button type="button"> 

Working example