作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我为我们的网站创建了一个 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();
});
编辑:更多细节:
我们使用这些扫描仪访问我们的内部网站:
在有问题的页面上只有一个输入,目标是在不打开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
属性,点击时,会聚焦相关输入。
关于javascript - 如何模拟自动对焦,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50715518/
我是一名优秀的程序员,十分优秀!