介绍
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: "新的消息已发送"})
}
})
此时,点击发送,消息提示就会被设置为新的消息已发送