安卓、ios input框聚焦自动拉起键盘

2,835 阅读1分钟

本篇文章只适用于,用户点击后拉起键盘的场景。

需求

页面中有一个按钮可以跳转到搜索页面,产品希望可以用户跳转后自动聚焦输入框并且拉起键盘。

尝试

试了很多网上的方法 focus()、autofocus 什么的都不行。

用户点击可以为什么自动就不行呢?

js太弱鸡。 系统对一些操作有权限限制(类似于 window.open())

思路

1.由于搜索页面太老旧,而且很轻,所以对页面重构成一个vue组件。

做成一个组件在同一个页面有点击应该可以了吧。
试了一下我的安卓手机果然一切都在我的掌控之中。哈哈开心下班

但是第二天测试妹妹跟我说,垃圾一点效果都没有。。。

2.看来ios 的限制更高啊。那就只好使出必杀技了。在用户点击的地方伪装一个input在上边,用户点击input肯定能拉起键盘了。

我真是个天才。简直完美。

哈哈有一点要注意 搜索的input 和 用户点击的input 不是同一个。所以在组件加载时要把搜索的input 手动focus().

###完