jQuery: champ de saisie de clone sans perte de la fonctionnalité keyCode

Question

Vous avez tenté de générer le support jQuery dans une entrée de texte en appuyant sur la touche retour pour dupliquer le conteneur div dans l'espace situé juste en dessous. Ce que je ne peux pas comprendre, c'est comment se concentrer automatiquement sur le champ de saisie à l'intérieur du div nouvellement créé, et, plus frustrant encore, pourquoi ce nouveau champ de saisie perd la fonctionnalité à dupliquer. En d'autres termes, si vous vous trouvez dans le champ de saisie créé à l'origine, appuyez sur la touche de retour.

$(document).ready(function(){ 
    textboxes = $("input.data-entry"); 
     if ($.browser.mozilla) { 
     $(textboxes).keypress (checkForAction); 
     } 
     else { 
     $(textboxes).keydown (checkForAction); 
     } 
}); 

function checkForAction (event) { 
    if (event.keyCode == 13) { 
     $(this).clone().val('').appendTo('#form_container'); 
     return false; 
} 
} 

HTML

<div id="form_container"> 
     <input name="firstrow" type="text" class="data-entry"> 
</div> 

Answer 1

utilisation .clone(true) pour copier des gestionnaires d'événements. Voir le docs pour plus d'informations.

Answer 2

$(textboxes).live('keypress', function(checkForAction));