700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 小程序input textarea 保持软键盘打开状态

小程序input textarea 保持软键盘打开状态

时间:2021-05-17 14:25:22

相关推荐

小程序input textarea 保持软键盘打开状态

往往我们在小程序中做评论或者聊天类型的研发的时候,为了用户有更好的体验,就需要评论或者聊天输入后点击发送按钮的时候使得软键盘一直保持着打开状态。。。

查看了一些文档和官网,其解决的方式都是为

<input placeholder="请输入文字" focus="{{focus}}" /><button bindtap='btnSend'>发送</button>data: {focus: false // 是否为聚焦事件},btnSend: function() {// 点击发送按钮事件this.setData({focus: true})}

原理为:点击发送按钮的时候再次让input进行聚焦事件。

不足之处:软键盘有个先降下来再升上去的过程,体验不是很好

查看官网,暂时也没有一个很好的处理方式,只是在软键盘里面设置发送按钮的时候是可以设置软键盘一直保持打开状态的

结合案例为:

<input type='text' confirm-hold="true" fixed="true" confirm-hold="true" confirm-type="send" bindconfirm="bindSend"></input> // bindconfirm 绑定发送按钮的点击事件

具体的可以详见官网:https://developers./miniprogram/dev/component/input.html

(textarea 同理)

有什么好的处理方式还望赐教~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。