android拉起软键盘,移动端JavaScript拉起软键盘

先上图来镇楼

大家都知道在移动端，软键盘给我们带来了很多的坑。坑了这次还有下次，真是让人刻骨铭心。这次就来扒一扒JavaScript拉起键盘的坑。

一、文本输入

文本输入html元素

1、input标签，且type类型为text，number，search，tel，password，email，url等等。如果在未实现的设备上，会自动降级为text类型，缺省值为text。

2、textarea标签

3、设置contenteditable=”true”的标签

二、软键盘的事件

软件盘有哪些事件呢，常见的就是弹起和收起了

1) 键盘弹起

网传以下结论

a. iOS6之前，当控件获得focus的时候，如果不是用户触发的事件，键盘是不会弹起的。需要用户手点击，也就是说单纯依靠JavaScript是无法做到的。

b. 在iOS6之后，设置了一个属性(autofocus)可以做到。

c. 在Android上，只要不是用户触发的事件都无法触发。

但是经过验证，autofocus在ios上也无效，如果不是用户触发的事件，键盘是不会弹起的。

2) 键盘的收起

可以通过js的blur的方式来实现。

用户触发&#