H5 ios input聚焦
场景点击某个元素,使隐藏的input输入框显示在某个遮罩层下,并且聚焦,弹起输入框IOS不自动弹出键盘,必须要用户主动触发一个事件,在focus才行,不能自动调用,所以需要诱导用户点击某个按钮触发focus,最终修改的方法,默认隐藏密码输入框,隐藏不能用v-if或者是v-show,用position:absolute, top:-1000,然后点击输入密码将top改为视窗内,并且调用focus的方
·
场景
点击某个元素,使隐藏的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);
更多推荐
已为社区贡献1条内容
所有评论(0)