本篇文章只适用于,用户点击后拉起键盘的场景。
需求
页面中有一个按钮可以跳转到搜索页面,产品希望可以用户跳转后自动聚焦输入框并且拉起键盘。
尝试
试了很多网上的方法 focus()、autofocus 什么的都不行。
用户点击可以为什么自动就不行呢?
js太弱鸡。 系统对一些操作有权限限制(类似于 window.open())
思路
1.由于搜索页面太老旧,而且很轻,所以对页面重构成一个vue组件。
做成一个组件在同一个页面有点击应该可以了吧。
试了一下我的安卓手机果然一切都在我的掌控之中。哈哈开心下班
但是第二天测试妹妹跟我说,垃圾一点效果都没有。。。
2.看来ios 的限制更高啊。那就只好使出必杀技了。在用户点击的地方伪装一个input在上边,用户点击input肯定能拉起键盘了。
我真是个天才。简直完美。
哈哈有一点要注意 搜索的input 和 用户点击的input 不是同一个。所以在组件加载时要把搜索的input 手动focus().
###完