javascript - HTML5 初始彈起小鍵盤

Question

請大神說一下 就是頁面剛進來的時候就讓HTML5頁面的自帶的小鍵盤彈起
ps：頁面中有input！
ps:別給我說獲取什麼焦點 我都試過了好像都不行， 安卓蘋果都彈不起來。除非在點一下。 。 。

Answer 1

讓小鍵盤彈起只能透過input`focus調起，所以一進頁面的時候讓其自動focus`就行了
可以使用html5中的autofocus屬性，通常這麼設定就可以設定就可以這麼設定了

<input type="text" name="fname" autofocus="autofocus" />

安卓上沒有什麼問題，但是移動端的Safari默認是不支援autofocus屬性的，並且只有用戶主動觸發的事件才可以使focus一類的方法生效，所以我們只能模擬一個假的autofocus:

<input type="text" id="focus" />

document.addEventListener('touchstart',function(e){
  e.preventDefault();
  console.log('touched!');
  document.getElementById('focus').focus();
});

在線Demo