Perché il valore di ingresso non può essere modificato quando si preme di fuga

Question

Ho un ingresso (modulo esterno) che cattura nome di un'immagine. L'utente deve compilare un nuovo nome e premere Invio. Ajax callback rinomina l'immagine. Questo funziona.

Mi piacerebbe aggiungere capacità di 'reset' il contenuto di ingresso quando l'utente preme fuga (# 27). Ma io non sono in grado di riempire il valore dell'ingresso con il mio valore.

Il codice è

<input id="escapeInput" value="this is test" /> <input type="button" id="setDetaultToEscapeInput" value="Set default" />

jQuery(document).ready(function() {
    jQuery("#escapeInput").keydown(function(evt) {
        if (evt.keyCode == 27) {
            var input = jQuery(this);
            input.val('some default value') // doesn't work
            input[0].value = 'some default value 2'; // doesn't work
            input.parent().append('changed');
        }
    });
    jQuery("#setDetaultToEscapeInput").click(function() {
        var input = jQuery("#escapeInput");
        input.val('some default value') // works ok
    });
});

La cosa interessante è che se provo ad esempio per carattere 'A' (if (evt.keyCode == 65)), il codice funziona. Qualsiasi idea di come gestirlo? Non funziona solo in FF (Opera e IE8 sono OK).

Answer 1

Prova a usare l'evento KeyUp invece.

$(function() {
    $("#escapeInput").keyup(function(e) {
        if (e.keyCode == 27) {
            $(this).val("some default value");
        }
    });
});

Answer 2

Prova questo

        $(document).ready(function() {
            $("#escapeInput").keypress(function(evt) {
                    var keycode = null;
                    if(evt.keyCode) {
                         keycode = evt.keyCode;
                    } else {
                         keycode = evt.which;
                    }
                    if (keycode == 27) {
                $(this).val("some default value");
                }
            });
        });