小程序input离开键盘事件

小程序input离开键盘事件,第1张

【小程序】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、

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

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

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

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12422650.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存