JQuery Listbox ändern Ereignis wird nicht auf Tastatur Scrollen

Question

ich eine einfache Listbox auf einem HTML-Formular und dieses sehr rudimentären Code jQuery

haben

//Toggle visibility of selected item 
    $("#selCategory").change(function() { 
     $(".prashQs").addClass("hide"); 
     var cat = $("#selCategory :selected").attr("id"); 
     cat = cat.substr(1); 
     $("#d" + cat).removeClass("hide"); 
    }); 

Das Änderungsereignis ausgelöst wird gut, wenn das aktuelle Element ausgewählt wird unter Verwendung der Maus, aber wenn ich mit der Tastatur durch die Elemente scrolle, wird das Ereignis nicht ausgelöst und mein Code wird nie ausgeführt.

Gibt es einen Grund für dieses Verhalten? Und was ist die Problemumgehung?

Answer 1

Die onchange Ereignis wird im Allgemeinen nicht gefeuert, bis das Element den Fokus verliert. Sie möchten auch onkeypress verwenden. Vielleicht so etwas wie:

var changeHandler = function() { 
    $(".prashQs").addClass("hide"); 
    var cat = $("#selCategory :selected").attr("id"); 
    cat = cat.substr(1); 
    $("#d" + cat).removeClass("hide"); 
} 

$("#selCategory").change(changeHandler).keypress(changeHandler); 

Sie werden sowohl onchange und onkeypress wollen sowohl für jeweils Maus und Tastatur Interaktion zu berücksichtigen.

Answer 2

Manchmal kann das Änderungsverhalten pro Browser unterscheiden, wie dieses Problem zu umgehen Sie so etwas tun könnten:

//Toggle visibility of selected item 
    $("#selCategory").change(function() { 
     $(".prashQs").addClass("hide"); 
     var cat = $("#selCategory :selected").attr("id"); 
     cat = cat.substr(1); 
     $("#d" + cat).removeClass("hide"); 
    }).keypress(function() { $(this).change(); }); 

Sie können Kette, was Ereignisse, die Sie wollen, und manuell das Änderungsereignis ausgelöst.

IE:

var changeMethod = function() { $(this).change(); }; 
....keypress(changeMethod).click(changeMethod).xxx(changeMethod); 

Answer 3

Das Verhalten, das Sie beschreiben, das Ereignis Änderung von Tastatur Auslösung in einem ausgewählten Elemente Scrollen, ist eigentlich ein Internet Explorer-Fehler. Die DOM Level 2 Event Spezifikation definiert die change Ereignis wie folgt aus:

Das Änderungsereignis tritt auf, wenn ein Steuer den Fokus Eingang verliert und seinen Wert seit gewinnt Fokus geändert. Dieses Ereignis ist gültig für INPUT, SELECT, und TEXTAREA. Element.

Wenn Sie dieses Verhalten wirklich wollen, sollten Sie sich Tastaturereignisse ansehen.

$("#selCategory").keypress(function (e) { 
    var keyCode = e.keyCode || e.which; 
    if (keyCode == 38 || keyCode == 40) { // if up or down key is pressed 
    $(this).change(); // trigger the change event 
    } 
}); 

prüfen ein Beispiel here ...

Answer 4

hatte ich dieses Problem mit IE unter JQuery 1.4.1 - Änderungsereignisse auf Combo-Boxen feuern nicht, wenn die Tastatur die Änderung verwendet wurde.

Scheint in JQuery 1.4.2 behoben wurden.

Answer 5

$('#item').live('change keypress', function() { /* code */ });