移动端 input 元素 focus 的时候调出键盘（自动触发 focus 事件的同时调出键盘）？

Question

想做出来的效果是想手机淘宝那样，点搜索框跳到新页面，键盘自动出来。
淘宝是用原生的，我是 js。

试过用原生 js 和 jquery 添加 focus 事件，
也试过给一个按钮添加 click 事件绑定 input 的 focus 事件，通过触发 click 事件然后触发 focus ，
都没有用~

几十次中有那么一两次键盘能出来。
求大神指导。。。

有人也提了同样的问题
https://segmentfault.com/q/10...

Answer 1

安卓我目前没有遇到问题。然后直接使用input.focus()是无法在ios中调起键盘的，因为ios中input元素的focus必须由事件触发。此外，如果模拟了触摸事件，但是在setTimeout中延迟执行，也是不行的。这部分可以参考stackoverflow上的case：Mobile Safari Autofocus text field.来自FastClick团队的大牛指出了IOS下input的获取焦点存在这样的问题：my colleagues and I found that iOS will only allow focus to be triggered on other elements, from within a function, if the first function in the call stack was triggered by a non-programmatic event. In your case, the call to setTimeout starts a new call stack, and the security mechanism kicks in to prevent you from setting focus on the input.综上，要在ios中选中input并调起键盘，可以将focus调用包装在一个用户行为触发的事件中，如点击事件、表单onChange事件等。解决方案Trigger focus on input on iPhone programmaticallyShow keyboard on iOS automatically如果需要模拟触发事件，可以参考manually trigger touch event