gpt4 book ai didi

javascript - 如何模拟自动对焦

转载 作者:行者123 更新时间:2023-11-30 11:18:14 26 4
gpt4 key购买 nike

我为我们的网站创建了一个 webview (Android)。我将输入置于自动对焦中:

<input name="barcode" 
type="search"
placeholder="Scan Barcode"
class="form-control"
autocomplete="off"
autofocus
required>

当页面加载时,输入被选中,但 Android 的键盘没有打开 => 完美

但是当我专注于此输入时,android 键盘会打开,但我不想打开它,因为此输入仅用于扫描条形码

所以我想在关闭模态(例如)时“模拟”自动对焦而不是简单的对焦,该怎么做?

$('.modal').on('hidden.bs.modal', function (e) {
$("input[name='barcode']").focus();
});

编辑:更多细节:

我们使用这些扫描仪访问我们的内部网站:

https://www.jmprime.co.uk/product_info.php/android-barcode-scanner-with-gun-grip-rugged-handheld-ip67-device-with-1d-barcode-reader-p-238

在有问题的页面上只有一个输入,目标是在不打开android键盘的情况下输入输入以便扫描条形码(然后将它们发送到数据库)

最佳答案

截至This answer ,只读似乎有效。我发现直接在输入上工作很困难,所以我仍然会使用假输入的技巧。将 timeout 设置为 1ms 时,它就像魅力一样工作。 (下面更新了 fiddle )

<input id="barcode" name="barcode" type="hidden" placeholder="Scan Barcode" required>

<label for="barcode" class="your-cool-class-to-make-this-look-like-an-input" />

通过for属性,点击时,会聚焦相关输入。

https://jsfiddle.net/ubdnvsk0/26/

关于javascript - 如何模拟自动对焦,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50715518/

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