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