使用HTML5属性"自动对焦"对网页来说可能是一个非常有用的东西。但是,在Android设备上使用 - 例如 - Firefox(37.0.1)会导致在页面加载时显示软键盘。
<input type="text" name="q" autofocus>
软键盘占用了大量空间,因此我想阻止它打开。同时,自动对焦是我们正常屏幕/设备所需的非常有用的功能。
我尝试删除&#34;自动对焦&#34;在页面加载时通过jQuery基于屏幕宽度的属性,但是,为时已晚。此时,浏览器显然已经接受了该属性并显示了软键盘:
$(function(){
if (window.innerWidth < 600)
$('*[autofocus]').removeAttr('autofocus');
});
有什么建议吗?
答案 0 :(得分:1)
试试这个,它适用于桌面,我还没有在手机上测试它。删除属性autofocus
<input type="text" name="q">
和JS
function setFocus() {
if (window.innerWidth > 600)
$("input[name=q]").focus();
}
$(document).ready(function() {
setFocus();
});