textarea拉起软键盘时,当点击textarea以外的区域无法失焦。
发布于 5 年前 作者 leimin 14064 次浏览 来自 问答

在android手机中,textarea拉起软键盘时,当点击textarea以外的区域无法失焦。软键盘无法退回。例如下图,点击发送键等textarea以外的区域,软键盘无法退回。请问如何解决?

1 回复

将一个textare和一个button放到form中,当我在textarea输入文字时,软键盘拉起,随后点击发送按钮,或是textarea以外的区域,textarea都无法失焦,软键盘一直保持拉起状态。只能点击软键盘上的下拉按钮的将软键盘退回。

<form bindsubmit="sendMessage" >
     <view class="sendMessage" style='background-color: gray'>
        <textarea auto-height="true" cursor-spacing="20" fixed="true" maxlength="-1" bindblur="bindTextAreaBlur" name="input" class="inputMsg" value="{{inputMsg}}" style='border: 1rpx solid #ddd;width:100%;'/>
        <button form-type="submit" class="send" disabled='{{disabled}}'>发送</button>
     </view>
</form>

回到顶部