gpt4 book ai didi

html - 防止 HTML5 自动对焦在较小的(移动)屏幕上显示软键盘

转载 作者:太空狗 更新时间:2023-10-29 16:40:42 25 4
gpt4 key购买 nike

使用 HTML5 属性“autofocus”对于网页来说是一件非常有用的事情。但是,例如,在 Android 设备上使用 Firefox (37.0.1) 会导致在页面加载时显示软键盘。

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

软键盘占用了大量空间,因此我想阻止它打开。同时,自动对焦是我们普通屏幕/设备所需的非常有用的功能。

我尝试在页面加载时通过 jQuery 删除基于屏幕宽度的“自动对焦”属性,但是,为时已晚。此时,浏览器显然已经接受了该属性并显示软键盘:

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

有什么建议吗?

最佳答案

试试这个,它可以在桌面上运行,我还没有在移动设备上测试过。删除属性autofocus

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

和 JS

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

关于html - 防止 HTML5 自动对焦在较小的(移动)屏幕上显示软键盘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29607925/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com