Получить значение из скрытого поля

Question

Почему это не работает правильно, когда я задаю тип поля ввода = скрытый? Когда поле ввода не скрыто, оповещение дает мне нужный ID-код.

<input id="scanID" name="scanID" type="hidden">

$(document).ready(function(){
    $("#scanID").keypress(function(e){
     //key code 13 is "enter",  
        if(e.keyCode==13){   
                //print out the barcode
            alert($("#scanID").val());
                     //clear the input field for next scan
             $("#scanID").val('');
                    //kill the "enter" event
             return false;
            }
    });
});

Answer 1

Вы можете добавить событие нажатия клавиши в документ, если хотите:

<input id="scanID" name="scanID" type="hidden" value="yourValue">

$(document).ready(function(){
        $(this).keypress(function(e){
         //key code 13 is "enter",  
            if(e.keyCode==13){   
                    //print out the barcode
                alert($("#scanID").val());
                         //clear the input field for next scan
                 $("#scanID").val('');
                        //kill the "enter" event
                 return false;
                }
        });
    });

Answer 2

Это потому, что скрытый элемент не может получить фокус, поэтому событие нажатия клавиши никогда не произойдет. Вы должны использовать другой тип ввода.

Альтернативным решением будет использование обычного ввода, а display: none или visibility: hidden - с помощью CSS.