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

本文介绍了小程序中confirm-type属性的用途,它用于修改输入键盘的确认按钮显示,如发送、搜索等,以提升用户体验。文章详细列出了可用的设置值,并强调了其可能受输入法限制。此外,还讲解了如何通过bindconfirm事件处理点击行为,以及在input和textarea组件中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

介绍

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: "新的消息已发送"})
  }
})

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值