Bind plusieurs entrées événement OnKeyPress

Question

J'ai plusieurs entrées, ils sont créés dynamiquement

<input style="width:100%" class="fileDescription" type="text" name="' + descriptionId + '" id="' + descriptionId + '" placeholder="Write a file description, hit Enter to save" /> 

Je voudrais joindre à tous KeyPress événement ces entrées et passer ID de l'entrée. Comment faire ça? J'ai essayé d'utiliser le code ci-dessous pour attacher l'événement mais cela ne fonctionne pas. Aussi je ne sais pas comment passer l'ID du champ d'entrée à l'événement lié.

$('.fileDescription').bind('keypress', function(e) { 
      e.preventDefault(); 
      alert("Works!"); 

      }); 

Answer 1

Essayez ceci:

$('.fileDescription').live('keypress', function(e) { 
    e.preventDefault(); 
    alert(this.id); 
}); 

Vous verrez dans l'exemple jsFiddle comment le 2ème élément qui a été ajouté dynamiquement fonctionne également.

JSFiddle Example

Answer 2

$('.fileDescription').bind('keydown', function(e) {   
      alert($(this).attr('id')); 
      }); 

Answer 3

Votre code fonctionne parfaitement pour moi ...

http://jsfiddle.net/Jaybles/f6urc/

Answer 4

Utilisez le live functionality, en traitant avec du contenu dynamique.

$(".fileDescription").live("keydown", function() 
{ 
    // ... 
});