<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框再定位,就会导致以下界面:
通过关闭输入框聚焦后的页面上推事件,自动定位输入框位置和滚动条长度来实现的。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)