解決iOS下無法觸發(fā)focus事件的問題
更新時間：2018年08月30日 10:51:49 作者：凌晨獨舞
今天小編就為大家分享一篇解決iOS下無法觸發(fā)focus事件的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
前提
我的思路需要在點擊事件之后，先讓一個input元素失去焦點，再讓另一個input 元素獲取到焦點，代碼如下：
$('#xd_content .tabcontent .nav').on('click', function () {
$('#xd_content ').blur();
setTimeout(function () {
$('#search .shop-search-ipt').focus();
}, 400);
});
發(fā)現(xiàn)安卓穩(wěn)定出現(xiàn)小鍵盤，但是ios不觸發(fā)鍵盤。找了半天，發(fā)現(xiàn)是setTimeout的問題，所以我只能 考慮 把 $('#search .shop-search-ipt').focus(); 寫在外面，不使用setTimeout.
后來我測試單獨寫一個頁面剛進來，執(zhí)行獲取焦點的方法，ios依然沒有成功。
(function(){
$('#input_box').focus();
})();
我又想：
(function(){
$('#button').on('click',function(){
setTimeout(function(){
$('#button2').trigger('click');
},4000)
})
$('#button2').on('click',function(){
alert('觸發(fā)');
$('#input_box').focus();
})
})();
既然點擊事件，之后不能使用settimeout那么我，trigger一個點擊事件，在另一個事件里面出發(fā)獲取焦點就可以了，結(jié)果發(fā)現(xiàn)還是不行。
想要觸發(fā)鍵盤，只能是用戶手動的選擇事件 才能彈出鍵盤。網(wǎng)上說這是ios的安全機制。我也沒有進一步研究為什么會這樣，但是就事實來說，應該避免setTimeout，或者用戶不是直接操作的方法來獲取 input 焦點。
希望以后能找到合適的解決辦法。
以上這篇解決iOS下無法觸發(fā)focus事件的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
這篇文章主要介紹了如何簡單實現(xiàn)iOS指紋解鎖，驗證TouchID，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
本篇文章主要介紹了詳解iOS 加載本地HTML，css，js，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
ios的collection控件的自定義布局實現(xiàn)與設計
這篇文章主要介紹了mac、iOS端支持自定義布局的collection控件的實現(xiàn)與設計，需要的朋友學習參考下吧。2017-12-12
這篇文章主要給大家介紹了關于iOS中屬性變量setter與getter方法的相關資料，文章介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-06-06
這篇文章主要為大家詳細介紹了iOS集成微信支付開發(fā),具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家詳細介紹了iOS實現(xiàn)一個類似電商購物車界面示例,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
今天給大家分享一下如何調(diào)用iphone的拍照功能和打開閃光燈，有些代碼我也不太理解，很多是在網(wǎng)上借鑒其他人的。2015-05-05
iOS仿微博導航欄動畫(CoreGraphics)的實現(xiàn)方法
這篇文章主要給大家介紹了關于iOS仿微博導航欄動畫(CoreGraphics)的實現(xiàn)方法，文章最后給出了完整的示例代碼，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-07-07
這篇文章主要介紹了iOS 對象屬性詳細介紹的相關資料,這里整理了IOS 對象的相關資料，需要的朋友可以參考下2016-11-11
這篇文章主要介紹了iOS新版微信底部工具欄遮擋問題完美解決,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03