js自动弹出手机键盘，而不是要点击文本框再弹出虚拟键盘的，如何实现？

JavaScript012

js自动弹出手机键盘，而不是要点击文本框再弹出虚拟键盘的，如何实现？,第1张

autofocus 属性 : 文本输入字段被设置为当页面加载时获得焦点

<input type="text" autofocus="autofocus">试试这个

input和textarea可以自动调出手机的键盘

根据input的type格式，有些手机会弹出不同的键盘

例如如果type为number，手机可能会弹出数字键盘

1. IE下没什么问题，创建事件对象、对对象的keyCode属性赋值，然后再抛出来就行了：

2. Firefox 需要通过document.createEvent创建KeyEvents对象，再通过initKeyEvent方法对事件对象初始化

initKeyEvent 参考：https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/initKeyEvent

3. Chrome/Safari/Opera

通过document.createEvent创建UIEvents对象，初始化后再在该对象上挂载按键值。

initUIEvent 参考：https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/initUIEvent

Chrome和Opera可以先将keyCode属性delete掉后，再用Object.defineProperty方法重新为它赋值：

有些安卓浏览器，此法无效，需要用下面的方式：

最后，封装好的function大概就是这样:

使用方法： 假设模拟回车