鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 移動端頁面加載后input自動獲得焦點并且彈出自動彈出軟鍵盤,請問怎么彈出?io

移動端頁面加載后input自動獲得焦點并且彈出自動彈出軟鍵盤,請問怎么彈出?ios中自動獲得焦點失效?

如題,需要是頁面加載完成后,input自動獲得焦點,并且自動彈出軟鍵盤,現(xiàn)在的問題是:
1.無法彈出軟鍵盤
2.ios蘋果手機瀏覽器無法自動獲得焦點(安卓正常)

html如下:

 <input autofocus id="mobile"  type="tel" placeholder="請輸入您的手機號碼"/>

請問大神,有沒有其他好的解決方法?謝謝!

回答
編輯回答
兔寶寶

input autofocus

2017年1月23日 04:57
編輯回答
笨尐豬

onload事件里手動觸發(fā)focus

2017年5月23日 15:22
編輯回答
痞性

你試試給input標簽加個自動點擊事件?頁面加載完成后,自動點擊一次…模擬手指點擊,有時候解決問題可以從多方面考慮。

2017年8月30日 01:53
編輯回答
溫衫

來自FastClick團隊的大牛指出了IOS下input的獲取焦點存在這樣的問題:
我和我的同事發(fā)現(xiàn),iOS將只允許在其他元素上綁定函數(shù)來觸發(fā)focus事件,如果第一個函數(shù)調(diào)用棧是由非編程觸發(fā)的事件(這句不知道怎么翻譯)。IOS的安全機制開始阻止你觸發(fā)input元素的focus事件。
就是說如果沒有通過某種用戶交互,iOS不會(觸發(fā)focus事件)
可參考這篇文章
github上也有相關(guān)的issue:iOS does not show keyboard on .focus()

所以解決的方案你可以試試:(即為輸入框綁定一個事件,然后主動觸發(fā))
你可以在頁面再加一個無關(guān)的<div id = '#tickt'> </div>

 $('#tickt').on('click', function() {
    $('#mobile').focus();
   });
  $('#tickt').trigger('click');
2018年6月21日 02:32
編輯回答
晚風眠

解決了嗎?我也遇到這個問題,現(xiàn)在是用自己寫的,但會出現(xiàn)不靈敏的現(xiàn)象

2018年4月19日 19:49