小程序中的confirm-type设置键盘的确认按钮
詳情:
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)
具體代碼如下:
html:
<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: "新的消息已發送"})} })?此時,點擊發送,消息提示就會被設置為新的消息已發送
效果圖如下:
之所以鍵盤右下角按鈕顯示為 go或者是前往,是因為把confirm-type="go"中的值改為了 go
confirm-type="go"效果如下:
?
之所以鍵盤右下角按鈕顯示為 send或者是發送,是因為把confirm-type="send"中的值改為了?send
confirm-type="send"效果如下:
?
?
?
總結
以上是生活随笔為你收集整理的小程序中的confirm-type设置键盘的确认按钮的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 各国首都英文名
- 下一篇: Report Services RDL报