Wie binden keypress-Ereignis in jquery autocomplete?

Wie Sie sehen können, in http://jsfiddle.net/hn838/4/ 'Klick' ist in Ordnung, für autofiller, Aber ich will trigger gleiche code auf enter-Taste drücken auch, aber es ist nicht für mich arbeiten. Mein code hier ist für beide.
Klicken Sie auf :

$('.ui-autocomplete').on('click', '.ui-menu-item', function(){
    $('.college').trigger('click');
});

Keyprss :

 $('.ui-autocomplete').on('keypress', '.ui-menu-item', function(e){
            if (e.which == 13) {
                         e.preventDefault();
            $('.college').trigger('click');
           }
        });

Möchte ich $('.college').trigger('click'); Ausführung auf click und geben Sie keypress. klicken Sie auf ist in Ordnung, aber der Tastendruck-in funktioniert nicht.keine Ahnung ?

Da es einige Verwirrung: Können Sie, bitte, sagen Sie uns, ob Sie wirklich wollen, zu behandeln die tatsächliche Tastendruck oder die Auswahl eines Elements aus der Liste, was mehr Sinn macht.
Auswahl eines Elements aus der Liste.

InformationsquelleAutor Anshul | 2013-04-27

  1. 6

    Eher als die Bindung an wichtige Ereignisse, könnten Sie eine Funktion hinzufügen die wählen Sie Veranstaltung:

    select: function(){
    $('.college').trigger('click');
}

    So, es würde nur auslösen, wenn der Benutzer tatsächlich ausgewählt, die AutoVervollständigen-Wert.

    http://jsfiddle.net/louisbros/hn838/10/

    Sollte die akzeptierte Antwort. Mit select: function(e,item){...} ermöglicht die OP genau das tun, was er will.
    und louisbros ... ja das ist der richtige Weg, das zu tun ...

    InformationsquelleAutor louisbros

  2. 2

    Es gibt keine Klasse ui-autocomplete innerhalb Ihrer Geige. Also ich nehme an, es sieht wie folgt aus:

    <input type = 'text' class = 'search ui-autocomplete' />

    und es gibt auch keine Klasse ui-menu-item in Ihre Geige, so sollten Sie dies so tun:

    $('.ui-autocomplete').on('keypress', function(e){
    if (e.which == 13) {
        e.preventDefault();
        $('.college').trigger('click');
    }
});

    Aktualisiert Fiddle

    Wenn Sie möchten, um die Klasse zu verwenden, die automatisch generiert aus jQuery UI, können Sie tun:

    $('.ui-autocomplete-input').on('keypress', function(e){
    if (e.which == 13) {
        e.preventDefault();
        $('.college').trigger('click');
    }
});

    Fiddle

    In jQuery dieser Klassen automatisch generiert. keine Notwendigkeit, Sie zu schreiben..
    Können Sie noch einmal überprüfen? es ist ui-autocomplete-input nicht ui-autocomplete
    Sie entfernt".ui-menu-item " wie kann ich verfolgen, in diesem code, dass die <li> ui-menu-item gedrückt wird ?
    Sorry, aber wo ist dein .ui-menu-item element? Ihr Ziel ist es, in on Funktion, aber ich kann nicht finden, wo ist dieses element in Ihrer fiddle.
    Ihre zweite Geige ist exakt mit meinen Anforderungen. vielen Dank für Ihre Mühe und Zeit..

    InformationsquelleAutor Eli

Schreibe einen Kommentar