uniapp input实现聚焦不弹起软键盘新方法

最新推荐文章于 2024-06-26 11:19:28 发布

lyz246859

最新推荐文章于 2024-06-26 11:19:28 发布

阅读量6.9k

点赞数 4

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/lyz246859/article/details/121118001

版权

博客介绍了在uniapp中如何避免PDA扫码时input弹出软键盘的问题。通过使用input的inputmode属性设置为'none'，可以在安卓10及以上系统中实现input聚焦但不显示键盘，从而提升用户体验。这种方法虽然存在兼容性问题，但在特定场景下是个有效的解决方案。

摘要由CSDN通过智能技术生成

uniapp 里pda扫码机录入条码时要求input不弹起软键盘但是使用isfocos 或者定时器去控制强制关闭键盘的话总是有瑕疵有几率会先弹起再关闭非常影响体验隐藏可以使用input最新的属性：

<script module="input" lang="renderjs">
	export default {
		mounted() {
			// inputmode="none" 实现input聚焦但是不弹出键盘，兼容性不好，需要安卓10或安卓10以上
			this.$el.querySelector('input').setAttribute('inputmode', 'none')
		}
	}
</script>