移动端开发遇到的问题（1）-手机软键盘

问题1：输入框唤起数字键盘

解决方案：<input type="number" pattern="[0-9]*" placeholder="请输入玩家ID" >

关键点：type="number"，pattern="[0-9]*"

问题2：禁止软键盘唤起

解决方案：$($(".el-input__inner")[i]).attr("readOnly", "true");

"readOnly", "true"

                此方案，在于设置输入框的只读属性，不可写入，就不会唤起软键盘了。

问题3：手机软件键盘唤起后会扰乱布局

解决方案：软键盘唤起后，将页面可视区域变小，窗口向上滑动，软键盘收起后，重置$("body").scrollTop(0);