[小程序] 实现点击空白处隐藏评论输入框

首先在页面底部定义一个输入区域 , 通过自定义boolean类型变量isInput来控制评论区是否显示 , 默认不显示.

<view class='inputArea' hidden='{{!isInput}}'>
  <input class='inputText' type='text'  value='{{commentVal}}' focus='{{isInput}}' bindinput='inputTextChange' bindblur='hideInput' />
  <button class='submitBtn'>发送</button>
</view>

思路 : 通过 bindblur 事件来控制, 当点击空白区域时,输入框失去焦点时触发方法 , 随即隐藏输入框.

 hideInput: function(e) {
    this.setData({
      isInput: false
    });
  },