Предотвращение автофокуса HTML5 при отображении мягкой клавиатуры на небольших (мобильных) экранах

Question

Использование атрибута HTML5 «Автофокус» может быть действительно полезной вещью для веб-страниц. Однако использование - например, Firefox (37.0.1) на устройствах Android приводит к тому, что на экране отображается мягкая клавиатура.

<input type="text" name="q" autofocus> 

Мягкая клавиатура занимает много места, поэтому я хотел бы предотвратить ее открытие. В то же время автофокус - очень полезная функция, которая нам нужна для обычных экранов/устройств.

Я попытался удалить атрибут «автофокус» на основе ширины экрана через jQuery на загрузке страницы, однако это слишком поздно. На данный момент браузер, по-видимому, уже принял этот атрибут и показывает мягкую клавиатуру:

$(function(){ 
    if (window.innerWidth < 600) 
     $('*[autofocus]').removeAttr('autofocus'); 
}); 

Любые предложения?

Answer 1

Попробуйте это, он работает на рабочем столе, я не тестировал его на мобильных устройствах. Удалить атрибут autofocus

<input type="text" name="q"> 

и JS

function setFocus() { 
    if (window.innerWidth > 600) 
     $("input[name=q]").focus(); 
} 
$(document).ready(function() { 
    setFocus(); 
});