JQuery ключ вверх и вниз по навигации по результатам поиска - PullRequest
Новая
       4

JQuery ключ вверх и вниз по навигации по результатам поиска

3 голосов
/ 23 сентября 2010

У меня есть поле ввода, которое при вводе отображает элемент div, называемый «предложения», и компилирует его с результатами поиска, каждый результат отображается между тегами p.

Вы можете выбрать результат с помощью мыши, но яЯ хотел бы иметь возможность выбрать один с помощью клавиш вверх и вниз.

Я понял, что если вы нажмете вниз, появится окно с предложением (я знаю, что оно уже будет отображаться, но это другая проблема)и пытается добавить фокус к первому тегу p.как это сделать, чтобы вы продолжали нажимать на него, чтобы отфильтровать результаты, скажем, добавляет и удаляет класс «активный» каждый раз.и, очевидно, то же самое для повышения?

Я нашел так много случайных плагинов, но все они кажутся сложными и громоздкими для того, чего я пытаюсь достичь. 

$('#search input#q').keypress(function (e) {
    switch (e.keyCode) {
        // User pressed "up" arrow
    case 38:
        $('#suggestions').fadeOut('fast');
        break;

    case 40:
        // User pressed "down" arrow
        $('#search input#q').blur();
        $('#suggestions').fadeIn();
        $('#suggestions p').focus();

    }
});

Спасибо

1 Ответ

1 голос
/ 23 сентября 2010

Автозаполнение - это виджет, поддерживаемый командой jQuery. Имеет возможность выбора с помощью клавиш со стрелками и ввода. Это также простой плагин по своей сути (с возможностью легкого расширения функциональности).

http://jqueryui.com/demos/autocomplete/

Cheers, awirick

...