问题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);