收藏
回答

textarea清空的兼容问题

用户输入完成后,需清空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: '回复失败',

        })

      }

    })

  },


回答关注问题邀请回答
收藏

4 个回答

  • 2019-04-10

    有方案了吗  楼主?


    2019-04-10
    有用
    回复
  • 期待
    期待
    2018-07-10

    遇到了同样的问题

    2018-07-10
    有用
    回复 1
    • 2019-04-10

      请问您找到方案了吗

      2019-04-10
      回复
  • 让爱慢慢成册²⁰²³
    让爱慢慢成册²⁰²³
    2018-02-09

    我也遇到这个问题

    2018-02-09
    有用
    回复 1
    • 2019-04-10

      请问您找到方案了吗

      2019-04-10
      回复
  • Grace Leeau
    Grace Leeau
    2017-12-19

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

    2017-12-19
    有用
    回复 2
    • 2019-04-10

      请问您找到方案了吗

      2019-04-10
      回复
    • 2019-04-11

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

      2019-04-11
      回复
登录 后发表内容