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