@Valeriy1997

Как сделать чтоб первый элемент списка был в фокусе?

Есть скрипт поиска он выдает совпавшие элементы списком . При наведении мышкой на элемент , он приобретает фокус . Но приложение будет функционировать только с виртуальной клавиатурой , без мыши. Как сделать так, чтоб автоматически первый элемент был в фокусе (это нужно , чтоб при нажатии виртуальной клавиши энтер с эмулировать клик по нему)

Вот разметка инпута :

<input id="myinput" type="text" class="form-control" placeholder="Введите слово для поиска" name="phone" required/>


вот скрипт поиска :

$("#myinput").autocomplete({
    minLength: 0,
    source: projects,
    focus: function (event, ui) {
        $("#myinput").val(ui.item.label);
        return false;
    },
    select: function (event, ui) {
        $("#myinput").val(ui.item.label);
        $("#myinput-id").val(ui.item.value);
        $("#myinput-description").html(ui.item.desc);
        $("#myinput-icon").fadeOut('slow', function () {
            $(this).attr("src", "images/" + ui.item.icon).fadeIn('slow');
        });

        return false;
    }
})
    .data("autocomplete")._renderItem = function (ul, item) {
    return $("<li></li>")
        .data("item.autocomplete", item)
        .append("<a>" + item.label + "<br>" + item.desc + "</a>")
        .appendTo(ul);
};


Вот полная версия : jsfiddle.net/t52ka/70
  • Вопрос задан
  • 133 просмотра
Решения вопроса 1
bootd
@bootd Куратор тега HTML
Гугли и ты откроешь врата знаний!
html5 autofocus
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы