小程序
小游戏
企业微信
微信支付
扫描小程序码分享
BUG表现:输入框获取焦点的属性 focus 在input标签 type为text时正常获取焦点打开输入法 在textarea标签时 模拟器正常 各种手机都不获取焦点
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
<!--弹窗-->
<view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{isReply}}"></view>
<view class="modal-dialog" wx:if="{{isReply}}" catchtouchmove="preventTouchMove">
<view class="modal-title">评论</view>
<view class="modal-content">
<view class="modal-input">
<textarea placeholder-class="input-holder" maxlength="100" bindinput="inputCommentConent" name="commentContent" style='height:80px' value='' placeholder="请输入您的评论..." focus='{{inputMethod}}'></textarea> <!-- 自动获取焦点input可以用 -->
</view>
<view class="modal-footer">
<view class="btn-cancel" bindtap="onCancel" data-status="cancel">取消</view>
<view class="btn-confirm" bindtap="onConfirm" data-status="confirm">确定</view>
js: 在某一按钮上触发事件修改
that.setData({
isReply:true,
})
inputMethod 在data里直接设置为true
我最后在事件加了个延迟500毫秒修改inputMethod为true就可以获取焦点了
textarea换成input没任何问题
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
<!--弹窗-->
<view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{isReply}}"></view>
<view class="modal-dialog" wx:if="{{isReply}}" catchtouchmove="preventTouchMove">
<view class="modal-title">评论</view>
<view class="modal-content">
<view class="modal-input">
<textarea placeholder-class="input-holder" maxlength="100" bindinput="inputCommentConent" name="commentContent" style='height:80px' value='' placeholder="请输入您的评论..." focus='{{inputMethod}}'></textarea> <!-- 自动获取焦点input可以用 -->
</view>
</view>
<view class="modal-footer">
<view class="btn-cancel" bindtap="onCancel" data-status="cancel">取消</view>
<view class="btn-confirm" bindtap="onConfirm" data-status="confirm">确定</view>
</view>
</view>
</view>
js: 在某一按钮上触发事件修改
that.setData({
isReply:true,
})
inputMethod 在data里直接设置为true
我最后在事件加了个延迟500毫秒修改inputMethod为true就可以获取焦点了
textarea换成input没任何问题