小程序input离开键盘事件

【小程序】INPUT键盘事件（修改键盘右下角按钮文件和添加事件）

<input

type="text"

placeholder="请输入"升羡

bindinput="bindKeyInput"

value="{{inputMsg}}"

confirm-type='send'

bindconfirm="sendMsgTap"

bindfocus='focus'

bindblur='blur'

focus='true'吵档拍

/>

1、confirm-type='send': 设置键盘右下角按钮的文字，蠢戚仅在type='text'时生效

2、bindconfirm="sendMsgTap":点击键盘右下角按钮时的触发事件

3、bindfocus='focus'：聚焦时触发的事件

4、bindblur='blur':失去焦点时触发的事件

5、focus='true'：进入界面时，自动聚焦，拉起键盘 (true/false)

6、

微信小程序聊天保持focus状态有两种方法：

1、小程序界面右上角有个大的圈，点击可以退出当前小程序，就到了微信进去小程序前的聊天界面了，这个方法适用Android和iPhone。

2、Android下，一般按相应「显示多任务」键或者虚罩虚拟键，会显示当前后台运行的APP列表，选中微信就可以派敬跳转到聊天界面尘誉慎了。

小程序的 input 组件聚焦后d起键盘，自动通过页面上移的方式将输入框所在位置定位到段启耐键盘上方。

如果输入框本身就位于页面顶端，则不会造成上推事件，页面看上去很正常很舒服。

但是，如果输入框是位于页面底端，有时候我们只希望输入框定位到键盘上方，而页面其他元素不动。但是很遗憾，小程序并没有旁凳提供这样的接口。

针对这一问题，笔者尝试了很多方法，比如页面聚焦后，在 inputfocus() 属性中将输入框定位到键盘上方。后来发现，由于页面上推是第一事件，之后才进入 inputfocus() 函数，页面就会在已上推的基础上，对input框再定位，就会导致以下界面：

通过关闭输入框聚焦后的页面上推事件，自动定握春位输入框位置和滚动条长度来实现的。

---