Привязать несколько входов к событию OnKeyPress

Question

У меня есть несколько входов, они создаются динамически

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

Я хотел бы присоединить событие KeyPress ко всем этим входам и передать идентификатор входа. Как это сделать? Я попытался использовать код ниже, чтобы прикрепить событие, но это не работает. Также я не знаю, как передать идентификатор поля ввода в связанное событие.

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

            });  

Answer 1

Попробуйте это:

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

В примере jsfiddle вы увидите, как 2-й элемент, который был добавлен динамически, также работает.

Пример JSFiddle

Answer 2

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

Answer 3

Используйте функциональность live при работе с динамическим контентом.

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

Answer 4

Ваш код отлично работает для меня ...

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