如何使用textarea组件_移动开发平台 mPaaS(mPaaS)-阿里云帮助中心

代码示例

<view class="section">
  <textarea onBlur="bindTextAreaBlur" auto-height placeholder="自动变高" />
</view>
<view class="section">
  <textarea placeholder="这个只有在按钮点击的时候才聚焦" focus="{{focus}}" />
  <view class="btn-area">
    <button onTap="bindButtonTap">使得输入框获取焦点</button>
  </view>
</view>
<view class="section">
  <form onSubmit="bindFormSubmit">
    <textarea placeholder="form 中的 textarea" name="textarea"/>
    <button form-type="submit"> 提交 </button>
  </form>
</view>

Page({
  data: {
    focus: false,
    inputValue: ''
  },
  bindButtonTap() {
    this.setData({
      focus: true
    })
  },
  bindTextAreaBlur: function(e) {
    console.log(e.detail.value)
  },
  bindFormSubmit: function(e) {
    console.log(e.detail.value.textarea)
  }
})

iOS 键盘与组件交互异常处理

对于需要启动键盘的组件，如 input、textarea 等，目前默认使用的是原生键盘。如果键盘和组件的交互存在异常，可在组件中添加 enableNative="{{false}}" 属性（代码如下所示），即可恢复到使用 WKWebview 的键盘。同时，由于使用的是系统键盘，也就不能使用 mPaaS 提供的 Native 键盘相关功能。键盘与组件的交互目前不再专门适配，如有交互异常问题请使用该方式进行处理。

<textarea value="{{inputValue}}" enableNative="{{false}}" maxlength="500" onInput="onInput" />

推荐文章

威武的菠菜 · 沈阳地铁集团有限公司位于沈阳经济技术开发区规划开发二十二号路与浑河四街交叉口东北侧的沈阳地铁3号线一期工程余良站设备管理用房规划许可批前公示-建设项目方案批前批后公示-沈阳市自然资源局

9 月前

爱笑的碗 · 招聘 | 米哈游招聘游戏本地化人才，要求精通法语_语言

1 年前

谦和的弓箭 · 尖端科技结合创意营销，正浩EcoFlow如何撬动移动储能浪潮？_全球_产品_品牌

2 年前

气势凌人的茶叶 · 【中英字幕】网球正手常见的5个错误矫正by Grant VanderHayden_哔哩哔哩_bilibili

2 年前

深沉的牙膏 · 中央反腐败协调小组国际追逃追赃工作办公室关于部分外逃人员有关线索的公告 — 中华人民共和国外交部

2 年前