小程序中confirm-type设置键盘的确认按钮

小程序通用知识 专栏收录该内容
3 篇文章 0 订阅

介绍

confirm-type是很多小程序组件中的一种设置,用于改变输入键盘右下角的确认按钮。比如说,正常情况下,键盘上的默认提示可能是完成,但是你可以通过confirm-type将其设置为发送,搜索等,在特定的功能场景下,可以提升用户体验。

设置的值

不是所有的值都可以用来设置在键盘上的。小程序只提供了一些默认值。

send 改变按钮为发送

search 改变按钮为搜索

next 改变按钮为下一个

go 改变按钮为前往

return 改变按钮为换行(input标签中不需要改为换行,虽然这么设置可能也可以)

done 改变按钮为完成

注意事项

1,confirm-type能不能成功的被正确设置和输入法是有关系的。因此,可能会遇到无法正确的设置的情况。

2,如果在input标签中使用这个属性,必须将type类型设置为text,其他的种类不支持confirm-type。

然后怎么办 

设置了confirm-type以后,比如说将其修改为了搜索,点击这个按钮并不会真的变成搜索,我们还需要对其进行事件绑定。

使用bindconfirm对其进行事件绑定,然后就可以通过bindconfirm来决定,点击了你所要求的按钮以后,会出现什么。

哪些组件有这个属性

input(默认值为done)

textarea(默认值为return)

简单使用

wxml中的代码

<view>消息提示:{{ msg }}</view>
<input type="text" placeholder="在此处发送消息" confirm-type="send" bindconfirm="send_confirm" />

js中的代码

Page({
  data: {
    msg: ""
  },
  onLoad: function (options) {
    
  },
  send_confirm(){
    this.setData({msg: "新的消息已发送"})
  }
})

此时,点击发送,消息提示就会被设置为新的消息已发送

  • 2
    点赞
  • 0
    评论
  • 0
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2022 CSDN 皮肤主题:深蓝海洋 设计师:CSDN官方博客 返回首页

打赏作者

「已注销」

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值