Warum kann ich die Umleitung nicht verhindern, wenn ich programmgesteuert auf dieselbe Schaltfläche klicke?

Question

Ich implementiere Funktionalität, wo ich Adressen bekommen kann, wenn ich nur Postleitzahl eingeben. Normalerweise, wenn ich auf den nächsten Knopf klicke, erhalte ich eine Liste von Adressen. Eigentlich möchte ich auch Enter-Taste Funktionalität implementieren, wo der Benutzer Postleitzahl in das Textfeld eingeben und drücken Sie die Eingabetaste und er wird Liste der Adressen angezeigt werden.

Hier ist mein Code:

$('#nxt-button').click(function(event){ 
    event.preventDefault(); 
// ajax call for getting all addresses related to entered post code 
return false; 
}); 

// Button-Funktionalität

$("#post-code-textfield").keyup(function(event){ 
     if(event.keyCode == 13){ 
      $("#nxt-button").click(); 
      event.preventDefault(); 
      return false; 
     } 
     }); 

Jetzt ist das Problem Geben Sie besteht darin, dass, wenn ich drücken, um direkt neben Taste, prevent funktioniert, aber wenn ich Taste drücken eingeben, die Seite wird auf der nächsten Seite umgeleitet.

Bitte helfen Sie mir.

Answer 1

Versuchen keypress Ereignis

$("#post-code-textfield").keypress(function(event){ 
     if(event.keyCode == 13){ 
      $("#nxt-button").click(); 
      event.preventDefault(); 
      return false; 
     } 
     }); 

Answer 2

Ich nehme an, dass das Feld in einem Formular ist und wenn Sie Ihre Form drücken eingeben es ist submitting.All Sie brauchen form zu verhindern einreichen:

$('form').submit(function(event){ 
     event.preventDefault(); 
}); 

Um das Einreichen von Formularen zu verhindern, sollte return false auch funktionieren.

Answer 3

Wenn Ihre Schaltfläche href attr aufweist, entfernen Sie sie und führen Sie die Umleitung direkt in click Listener aus.