gpt4 book ai didi

javascript - 无法强制聚焦于输入

转载 作者:行者123 更新时间:2023-12-01 02:16:55 24 4
gpt4 key购买 nike

我尝试在单击 span 后聚焦 inputinput 不可见,但是当我单击时变得可见的span

<form action="{{ route('busca') }}" method="get">
<span class="pesquisa-icon"></span>
<input id="q" type="text" name="q" placeholder="Digite o que precisa e pressione ENTER..."/>
</form>

使用 jQuery,我的输入变得可见

$(this).closest('.menu').addClass('pesquisa-open');
$(this).siblings('input').focus();

但即使在浏览器中,它也不会聚焦,我在浏览器控制台中尝试了 $('#q').focus() (输入可见),但它没有焦点。

我正在使用 Opera 浏览器

解决方案

我检查了 Sebastian Speitel 的答案作为正确答案,因为它很有帮助,但我的问题实际上是在 css 中,我的输入是属性 visibility:hidden ,甚至我更改为 visibility:单击 span 后可见 它没有聚焦,删除此属性解决了我的问题

最佳答案

我认为您想要实现的是相同的功能,<label> s 是为了。您可以通过附上 <span> 来简单地实现一个和<input>合而为一。

在此处了解有关它们的更多信息:https://www.w3schools.com/tags/tag_label.asp

关于javascript - 无法强制聚焦于输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49450086/

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