H5 ios input聚焦

场景

点击某个元素,使隐藏的input输入框显示在某个遮罩层下，并且聚焦,弹起输入框

 

IOS不自动弹出键盘，必须要用户主动触发一个事件，在focus才行，不能自动调用，所以需要诱导用户点击某个按钮触发focus，最终修改的方法，默认隐藏密码输入框，隐藏不能用v-if或者是v-show,用position:absolute, top:-1000,然后点击输入密码将top改为视窗内，并且调用focus的方法

 

最直接的方式

需要聚焦并且显示键盘，唤起的元素替换为input输入框,去除他所有的样式，属性为只读readonly,disabled无法触发事件的,点击这个隐藏的input后,用定时器延时聚焦真正的输入框,   IOS h5可以正常吊起另外一个输入框

 

如果用input替代了调起输入框的元素,则ios会有默认的背景颜色

消除方式 -webkit-tap-highlight-color: rgba(1, 1, 1, 0.1);