小程序
小游戏
企业微信
微信支付
扫描小程序码分享
用fixed定位一个包含input的view到页面底部,第一次唤起软键盘时没有问题。当向input中输入内容,然后点击页面的其他部分让input失去焦点,当再次点击input唤起软键盘时,软键盘会遮挡住input输入框。使用的手机是iphone8。
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
目前的解决方案:focus时改动cursor-spacing的值+0.1,下次focus时再把cursor-spacing的值改回来
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
麻烦提供出现问题的机型和微信版本,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
<
view
id
=
"fixed"
style
"{{inputMarBot?'bottom:30rpx':''}}"
>
input
type
"text"
bindinput
"listenWallText"
bindfocus
'settingMbShow'
bindblur
'settingMbNoShow'
value
"{{content}}"
placeholder
'一起聊聊...'
confirm-type
"send"
></
</
// 输入框聚焦时
settingMbShow() {
this
.setData({
inputMarBot:
true
})
},
//输入框失去聚焦时
settingMbNoShow() {
false
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
目前的解决方案:focus时改动cursor-spacing的值+0.1,下次focus时再把cursor-spacing的值改回来
麻烦提供出现问题的机型和微信版本,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
<
view
id
=
"fixed"
style
=
"{{inputMarBot?'bottom:30rpx':''}}"
>
<
input
type
=
"text"
bindinput
=
"listenWallText"
bindfocus
=
'settingMbShow'
bindblur
=
'settingMbNoShow'
value
=
"{{content}}"
placeholder
=
'一起聊聊...'
confirm-type
=
"send"
></
input
>
</
view
>
// 输入框聚焦时
settingMbShow() {
this
.setData({
inputMarBot:
true
})
},
//输入框失去聚焦时
settingMbNoShow() {
this
.setData({
inputMarBot:
false
})
},