小程序input自动聚焦拉起键盘

微信官方提供了两种自动聚焦的方法

1，auto-focus

接受boolean值；默认为false；只需设置为true即可

自动聚焦，拉起键盘；不过官方的提示即将废弃，所以能不用还是不要用

2，focus

接受boolean值；默认为false；只需设置为true即可

获取焦点（推荐使用）

3，如果想改变键盘右下角文字

confirm-type；值为search时，右下角文字为搜索

官方文档链接可以选自己想要的值

https://developers.weixin.qq.com/miniprogram/dev/component/input.html

4，通过键盘点击，触发搜索

bindconfirm 获取键盘事件然后调用相关接口

原文地址：https://www.cnblogs.com/yutianA/p/10761475.html

时间： 2024-10-20 20:34:40

小程序input自动聚焦拉起键盘的相关文章

微信小程序 input使用letter-spacing失效问题

根据ui设计稿, 本来思路是一个input搞定,下面的线使用背景图 background:url('/images/line.png')no-repeat bottom center; 然后使用letter-spacing,让字体间隔开. 但是遇到了小程序的坑,letter-sapcing在input中没效果. 于是我gitlab上找到一个,模拟光标输入框的源码,并抄袭了作者的思路.(链接如下:https://github.com/evan2020/six-Input-box) 于是我的新思路是

小程序验证码对应的软键盘收起事情处理

碰见一个小程序的验证码输入,有4个input,输入第一个的时候第二个聚焦,这个时候软键盘就会收起再弹出,很大的一个bug,最后只能手动写一个软键盘,现在可以分享出来,让大家看一看代码:,这是页面完成后的图片,下面代码献上: html部分: <view class='container'> <view class='note_box'> <view class='ntb_head'>请输入您的短信验证码</view> <view class='nt_in

微信小程序 input 的 type属性 text、number、idcard、digit 区别

微信小程序的 input 有个属性叫 type,这个 type 有几个可选值: text:不必解释 number:数字键盘(无小数点) idcard:数字键盘(无小数点.有个 X 键) digit:数字键盘(有小数点) 注意:number 是无小数点的,digit 是有小数点的输入时键盘只能出现相应的数字键盘转发自:https://blog.csdn.net/yelin042/article/details/72519138 原文地址:https://www.cnblogs.com/firs

微信小程序+OLAMI(欧拉蜜)自然语言API接口制作智能查询工具--快递、聊天、日历等

微信小程序最近比较热门,再加上自然语义理解也越来越被人关注,于是我想赶赶潮流,做一个小程序试试.想来想去快递查询应该是一种比较普遍的需求. 如果你也在通过自然语言接口做点什么,希望我的这篇博客能帮到你.我建了一个QQ群656580961,感兴趣的朋友可以加入互通有无.或者你也可以直接下载代码试一试. 用微信扫描下面的二维码可以直接测试小程序也可以通过关注下面的公众号,点解工具使用小程序 ----------------功能介绍: 我的小程序名字叫"智能生活宝"------------

小程序上拉下拉共存时不可使用scroll-view的解决方法

使用 bindscrolltolower ,必须搭配使用的 scroll-view 会导致小程序 "enablePullDownRefresh": true 下拉不能使用. 解决方法,就是当两者同时存在时,改 scroll-view 为 view ,改 bindscrolltolower 为 onReachBottom 函数. 这样在上拉加载,跟下拉刷新同时存在的时候, "enablePullDownRefresh": true 就可以生效了. wxml <v

小程序_上拉加载更多

小程序有两种上拉加载更多的分页效果. 第一种利用onReachBottom函数 1 onReachBottom: function() { 2 3 // Do something when page reach bottom. 4 5 } 第二种使用scroll-view标签,这个标签需要给定一定的高度才能实现,同时还需要设置scroll-y为true,再在bindscrolltolower滚动到底部触发事件. 代码: wxml  <view> <sc

支付宝小程序input的小坑

//axml<input class="internet_input" value="{{payNo}}" onInput="keyNum" controlled={{true}} type="text" /> //js keyNum(e) { e.detail.value=e.detail.value.replace(/[\u4e00-\u9fa5]/ig, '') this.setData({ payNo:e.

微信小程序iOS下拉白屏晃动，坑坑坑

感觉ios的小程序每个页面都可以下拉出现白屏有时页面带有滑动的属性会跟着晃动,体验不是很好解决办法: 先禁止页面下拉 <config> { navigationBarTitleText: "购物车", disableScroll:true } </config> 这样的话页面整个都拉不动了,下面溢出的内容就拉不出来了,此时用overflow:scroll间接滑动 .content{ width:100%; height:600rpx: overflow-y:

微信小程序select下拉框实现

小程序中是没有h5中的下拉标签的所以要实现下拉功能就必须自己动手写拉,这里为了更清楚的显示小程序层级就把源码直接复制过来了 <view class='list-msg'> <view class='list-msg1'> <text>商品金额</text> <text>￥99.00</text> </view>  <view class='list-msg2' bindtap=