微信小程序d窗下输入框点击还会获取焦点

微信小程序d窗下输入框点击还会获取焦点,第1张

是可以或纳陆获得焦点的。微信小程序当在一个页面有多个input输入框,自动d键盘,需要点击input框2次才能茄如聚衫顷焦。

解决办法,在点击input框时,调用bindtap事件,关闭键盘、设置焦点。代码示例如下

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

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

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

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

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

1、首先新建一个微信小程序项目,在项目中找到app.json这个数据文件。

app.json:是新建项目郑拆闭中默认生成的一个配置文件

2、底部菜单的名称是tabBar,这个名称是跟window窗口同级的,所以在这个配置前加一个逗号即可,接着写入底部菜单的集合,注意括号的位置

tabBar里面的配置有,Color指的是底部菜单文本的默认颜色,selectedColor指的是聚焦选中的底部菜单文本的颜色,background指的是底部菜单的背景色,borderStyle指的是边距现实的风格颜色,喊裂list是配置页面路径,菜单文本,菜单图片元素的集合

3、list的元素讲解:底部菜单有多少个页面就设置多少个集御知合,以逗号分隔开。

pagePath指的是页面的路径,建议第一个跳转集合设置成小程序的首页,也就是index页面,iconPath指的没有选中聚焦底部菜单时小图标的路径,selectIconPath指的是选中底部菜单式的图标路径,texe则是菜单文本。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存