首頁猿問移動端 input 元素...

移動端 input 元素 focus 的時候調(diào)出鍵盤（自動觸發(fā) focus 事件的同時調(diào)出鍵盤）？

JavaScript

手掌心 2018-10-15 09:42:45

想做出來的效果是想手機淘寶那樣，點搜索框跳到新頁面，鍵盤自動出來。淘寶是用原生的，我是 js。試過用原生 js 和 jquery 添加 focus 事件，也試過給一個按鈕添加 click 事件綁定 input 的 focus 事件，通過觸發(fā) click 事件然后觸發(fā) focus ，都沒有用~幾十次中有那么一兩次鍵盤能出來。求大神指導(dǎo)。。。有人也提了同樣的問題https://segmentfault.com/q/10...

查看完整描述

1 回答

UYOU

TA貢獻1878條經(jīng)驗獲得超4個贊

安卓我目前沒有遇到問題。
然后直接使用input.focus()是無法在ios中調(diào)起鍵盤的，因為ios中input元素的focus必須由事件觸發(fā)。

此外，如果模擬了觸摸事件，但是在setTimeout中延遲執(zhí)行，也是不行的。這部分可以參考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并調(diào)起鍵盤，可以將focus調(diào)用包裝在一個用戶行為觸發(fā)的事件中，如點擊事件、表單onChange事件等。

解決方案