场景

点击某个元素,使隐藏的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);

 

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐