Автозаполнение снимает фокус на мобильном представлении

Question

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

Код, который я использую:

jQuery("input#search").focus();

jQuery("input#search").blur(function() {
    setTimeout(function() { jQuery("input#search").focus(); }, 0);
});

Когда яиспользуйте это для устройств Android, автозаполнение удалит клавиатуру, но вернет ее сразу же, но ios начнет просто скрывать ее снова и снова.

Есть ли другая возможность просто сказать «Заблокировать все, что уберет фокус»"или" При потере фокуса вернуть его сразу же? "

Answer 1

Попробуйте приведенный ниже фрагмент кода

$("input#search").focus();

    $("input#search").blur(function(e) {
        e.preventDefault();
        e.stopPropagation();
        $( this ).prop( "disabled", true );
        $( this ).prop( "readonly", true );
        setTimeout(function() { $("input#search").focus(); }, 100);
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" id="search" />