textarea

2020-02-11 18:45 更新
基礎(chǔ)庫(kù) 1.0.0 開(kāi)始支持本組件。

多行文本輸入框。

屬性名類型默認(rèn)值說(shuō)明最低版本
valueString輸入框的內(nèi)容1.0.0
placeholderString輸入框?yàn)榭諘r(shí)占位符1.0.0
placeholder-styleString指定 placeholder 的樣式1.0.0
disabledBooleanfalse是否禁用1.0.0
maxlengthNumber140最大輸入長(zhǎng)度,設(shè)置為 -1 的時(shí)候不限制最大長(zhǎng)度1.0.0
focusBooleanfalse是否獲得焦點(diǎn)1.0.0
auto-heightBooleanfalse是否自動(dòng)增高,設(shè)置 auto-height 時(shí),設(shè)置 height 樣式不生效1.0.0
fixedBooleanfalse是否固定位置,如果設(shè)置了 css 樣式position:fixed,需要將改屬性設(shè)置為 true1.0.0
cursor-spacingNumber0指定軟鍵盤(pán)彈出時(shí),與光標(biāo)的距離是多少,單位是 px1.0.0
cursorNumber-1指定 focus 時(shí)的光標(biāo)位置1.0.0
selection-startNumber-1指定 focus 時(shí)選中片段的起始位置1.0.0
selection-endNumber-1指定 focus 時(shí)選中片段的結(jié)束位置1.0.0
bindinputEventHandler鍵盤(pán)輸入時(shí)觸發(fā),e.detail={value, cursor}1.0.0
bindfocusEventHandler輸入框聚焦時(shí)觸發(fā),event.detail={value,height},height 是軟鍵盤(pán)的高度1.0.0
bindblurEventHandler輸入框失去焦點(diǎn)時(shí)觸發(fā),event.detail={value}1.0.0
bindconfirmEventHandler用戶點(diǎn)擊鍵盤(pán)的完成按鈕時(shí)觸發(fā),event.detail={value}1.0.0


示例

<textarea
  bindfocus="onTextFocus"
  bindblur="onTextBlur"
  bindinput="onTextInput"
  bindconfirm="onTextConfirm"
  placeholder="請(qǐng)輸入"
/>

<text>用戶輸入:{{value}}</text>
Page({
  data: {
    value: ""
  },
  onTextFocus: function(e) {
    console.log(e);
  },
  onTextBlur: function(e) {
    console.log(e);
  },
  onTextInput: function(e) {
    this.setData({
      value: e.detail.value
    });
  },
  onTextConfirm: function(e) {
    tt.showToast({ title: "confirm" });
  }
});


Bug & Tip

  • 請(qǐng)勿在 scroll-view、swiper、picker-view 中使用 textarea 組件。
  • css 動(dòng)畫(huà)對(duì) textarea 組件無(wú)效。
  • 如果樣式上設(shè)置為 fixed 元素,請(qǐng)?jiān)诮M件上添加 fixed 屬性。
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)