收藏
回答

textarea清空的兼容问题

问题模块
API和组件

用户输入完成后,需清空textarea,我做法是直接清空value属性的值,在IOS下可正常清空,在华为P9下无法清空。


前端代码如下:

<textarea class="message-input" wx:if="{{replyType.Text}}" auto-focus="{{isTabForAudio}}" auto-height="true" name="replyDetail" value="{{replyDetail}}" bindfocus="jumpToBottom" bindinput="textInput" maxlength="-1" cursor-spacing="20" />


JS代码如下:

//文字回复

  replyText: function (e) {

    var that = this

    replyEvent(jsonData, function (res, eventReplyList, replyDetail) {

      if (res == 'success') {

        var handleResult = handleReplyList(eventReplyList)

        //更新数据

        that.setData({

          replyDetail: '',

        })

        wx.showToast({

          title: '回复成功',

        })

      }

      else {

        wx.hideLoading()

        wx.showToast({

          title: '回复失败',

        })

      }

    })

  },


最后一次编辑于  2017-06-27  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

8 个回答

  • Grace Lee
    Grace Lee
    2017-12-19

    请问楼主有找到清空textarea输入值的方案吗?

    2017-12-19
    赞同
    回复 2
    • Jay
      Jay
      04-10

      请问您找到方案了吗

      04-10
      赞同
      回复
    • Jay
      Jay
      04-11

      根本原因是当点击清空是软键盘会收起,收起时候会执行bindinput事件,首先获取当前使用小程序的操作系统,定义一个变量,在bindiput方法内判断变量和当前机型

      04-11
      赞同
      回复
  • 让爱慢慢成册²⁰¹⁹
    让爱慢慢成册²⁰¹⁹
    2018-02-09

    我也遇到这个问题

    2018-02-09
    赞同
    回复 1
    • Jay
      Jay
      04-10

      请问您找到方案了吗

      04-10
      赞同
      回复
  • 期待
    期待
    2018-07-10

    遇到了同样的问题

    2018-07-10
    赞同
    回复 1
    • Jay
      Jay
      04-10

      请问您找到方案了吗

      04-10
      赞同
      回复
  • Jay
    Jay
    04-10

    有方案了吗  楼主?


    04-10
    赞同
    回复