已解決430363個問題，去搜搜看，總會有你想問的

HTML5 初始彈起小鍵盤

關注

首頁猿問 HTML5 初始彈起小鍵盤

JavaScript

慕碼人8056858 2018-11-20 17:18:42

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

查看完整描述

1 回答

慕田峪7331174

TA貢獻1828條經驗獲得超13個贊

讓小鍵盤彈起只能通過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();

});

反對回復 2018-12-21

關注

舉報

0/150

提交

取消