深圳做网站要,做亚马逊网站一般发什么快递公司,通辽网站设计,河北省建设厅办事大厅网站微信浏览器打开H5页面和公众号页面#xff0c;输入密码时调起安全键盘#xff0c;键盘收起后 键盘下方页面留白 解决办法#xff1a; 1、#xff08;简单#xff09;只有在调起安全键盘#xff08;输入密码#xff09;的时候会出现这种情况#xff0c;将input属性改为n… 微信浏览器打开H5页面和公众号页面输入密码时调起安全键盘键盘收起后 键盘下方页面留白 解决办法 1、简单只有在调起安全键盘输入密码的时候会出现这种情况将input属性改为number添加一个加密样式就可以了
input typenpmbernamepasswordplaceholder请输入您的密码style-webkit-text-security: disc;text-security: disc;Vant组件库就这样写 van-fieldv-model.trimloginForm.passwordclasshiddentypenumbernamepasswordlabel密码autocompleteoffplaceholder请输入您的密码:rules[{ validator: loginValidator }]/::v-deep {.hidden .van-field__value {-webkit-text-security: disc;}}
2、麻烦只有密码输入框的时候有这个问题普通的输入框没有出现这个问题所以考虑当密码输入框失去焦点但是底部空白的时候再创建一个input,使其聚焦并且失去焦点。但是focusout刚触发的时候document.documentElement.clientHeight的高度还没有改变需要定时器过个一段时间才会改变这样就会 有一个底部空白的过程然后再消失。
mounted() {this.bodyHeight document.documentElement.clientHeightvar timer nulldocument.body.addEventListener(focusin, () { // 软键盘弹起事件if (timer e.target.type ! button) {clearTimeout(timer)timer null}})document.body.addEventListener(focusout, (e) { // 软键盘关闭事件if (e.target.type password) {timer setTimeout(() {clearTimeout(timer)timer nullconst nowH document.documentElement.clientHeightconsole.log(timeout, nowH, this.bodyHeight)if (nowH this.bodyHeight) {const oinput document.createElement(input)oinput.style.width 0pxdocument.body.appendChild(oinput)oinput.focus()oinput.blur()document.body.removeChild(oinput)}}, 1000)})
},
3、不实用在手机设置中关闭安全键盘
手机设置→更多设置→语言与输入法→安全键盘→关闭安全键盘
