【小程序开发技巧】input框保持focus状态

最近在做一个小程序,用到了即时通讯框架,于是着手撸一个界面
在这里插入图片描述
(请别介意这爆丑的界面=3=)
开发者工具上,调试,即时通讯系统能够正常使用了,嗯,上真机~
这时候就出现问题了。
因为点击input框时,会聚焦拉起键盘,但是点击发送时,input丢失了焦点,键盘就缩回去了,难不成要用户发一句点一下键盘??
查看官方api文档,对于input组件,有一个可能用的上的属性focus

属性名类型默认值说明
focusBooleanfalse获取焦点

假如我点击了按钮,然后再给input框的focus属性赋值true的话,不就可以了?
啪啦啪啦写完实现,真机调试!
什么鬼,这键盘蹦跶的,是要瞎了用户眼吗?
没法了,只好网上找解决方案。

前面废话说完了,重头戏来了~

网上找到的基本上都是跟我的解决方案一样????

冥思苦想,然后想到了一个奇葩的解决方法,各位如果有啥建议就说说哈~

将< button>放到< input >里去

就是这样

<input type="text" bindinput="chat">
    <button bindtap="send">发送</button>
</input>

原理上大概就是,
bindtap事件是冒泡的,点击了发送后,从而使得focus未发生改变,也就不会闪烁了。

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值