Geben Sie in der Funktion createSelect () ein Objekt zurück, und die beiden Methoden dieses Objekts sind als nächstes ()
und moveselect (), die in prev () aufgerufen werden
Die Moveselect () -Funktion wird draußen platziert.
Die Codekopie lautet wie folgt:
/* Empfohlene Auswahlmöglichkeiten für Tastaturbetrieb und Problem*/
var curdo = null;
var select = createSelect ();
$ ('#Schlüsselwörter'). KeyUp (Funktion (e) {
var theevent = e || Fenster.Event;
code = Theevent.KeyCode? Theevent.KeyCode: (Theevent.which? Theevent.which: Theevent.charcode)
var key = {
Up: 38,
Down: 40,
Del: 46,
Tab: 9,
Rückkehr: 13,
Esc: 27,
Backpace: 8,
Links: 37,
Rechts: 39
};
Clearimeout (Curdo); // Wenn die Tastatur auftaucht, sollte der zeitgesteuerte Ajax -Datenerfassungsvorgang abgesagt werden.
Switch (Code) {
Fallschlüssel.UP:
select.next ();
brechen;
Fallschlüssel.down:
select.prev ();
brechen;
case key.return:
$ ('. Vorschlag-Hover'). Trigger ('Click');
brechen;
case key.left:
brechen;
Fallschlüssel.
brechen;
Standard:
Curdo = setTimeout (getOgGest (), 300);
brechen;
}
});
/* Schlagen Sie den Auswahlbetrieb vor*///
Funktion createSelect () {
var classes = {
Aktiv: "Vorschlag-Hover"
};
Funktion moveselect (Schritt) {
var listItems = $ ('. Vorschlag-Results li');
// Die aktuelle Anzahl der Schwebebereicheschritte
var aktiv;
active = $ ('.'+classes.active) .Index ();
listItems.eq (aktiv) .removeclass (classes.active);
aktiv += Schritt;
if (aktiv <0) {
active = listItems.size () - 1;
} else if (active> = listItems.size ()) {
aktiv = 0;
}
var activeItem = listItems.eq (aktiv) .AddClass (classes.active);
};
zurückkehren {
Weiter: function () {
moveselect (-1);
},
prev: function () {
moveselect (1);
}
};
};
Das obige ist alle Inhalte, die in diesem Artikel geteilt werden. Ich hoffe es gefällt euch