收藏
回答

input输入框输入完成后还会自动focus

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug input 客户端 6.7.0 2.0.9

通过fixed定位输入框做回复功能,输入完成点击“完成”按钮后 ,输入框又自动focus调出键盘,是什么原因

回答关注问题邀请回答
收藏

2 个回答

  • Blue。Blue
    Blue。Blue
    2018-07-13

    组件代码

    //点击评论按钮

    comment: function (e) {

                console.log(e)

                var pageY = e.changedTouches[0].pageY

                var id = e.currentTarget.dataset.id

                this.setData({

                    showOpetationBtn: false,

                    momentId: id,

                    pageY: pageY,

                    showCommentInput: true,

                    commentInputFocus: true


                })

                

            },


    //发送评论

            sendComment: function (e) {

                var that = this

                var header = common.getHeader()

                var commentText = e.detail.value

                var momentId = this.data.momentId

                var basicList = this.data.list

                that.setData({

                    showCommentInput: false,

                    commentInputFocus: false

                })

                wx.request({

                    url: API + '/comment/add',

                    method: 'POST',

                    data: {

                        token: header.TOKEN,

                        momentId: momentId,

                        commentContent: commentText

                    },

                    success: res => {


                        if (res.data.returnCode === '00000') {

                            wx.request({

                                url: API + '/moment/detail',

                                method: 'POST',

                                data: {

                                    token: header.TOKEN,

                                    momentId: momentId

                                },

                                success: res => {

                                    if (res.data.returnCode === '00000') {

                                        var detail = res.data.data

                                        for (var i in basicList) {

                                            if(detail.momentId === basicList[i].momentId) {

                                                basicList[i].commentList = detail.commentList

                                            }

                                        }

                                        that.setData({

                                            list: basicList

                                        })

                                        console.log(that.data)

                                    } else {

                                        common.returnCodeCheck(res.data.returnCode, that.sendComment)

                                    }

                                }

                            })

                        } else {


                        }

                    }

                })

    page代码

    <view class="comment-input-container" wx:if="{{showCommentInput}}">

                <input class="comment-input" type="text" focus="{{commentInputFocus}}"  bindinput="getComment" bindconfirm="sendComment"  cursor-spacing="10"></input>

            </view>


    2018-07-13
    有用
    回复
  • 是小白啊
    是小白啊
    2018-07-13

    麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题

    2018-07-13
    有用
    回复
登录 后发表内容