从0开始写小程序（七）input输入框的操做

input输入框的操做，获取焦点清除，获取输入的内容跳转

首先在wxml里写好准备调用的方法，用bindfocus触发获取焦点的事件，用bindinput触发文本输入时的事件

<input class="input_text" type="text" bindfocus="clear" bindinput="inputselect" value="{{clear}}" />
      <button class="search_btn" bindtap="selecttoresult">搜索</button>

这个方法是经过获取焦点时和触发文本输入时对data里的数据进行操做来实现功能的，经过bindtap触发动做，
因此在js里先要声明数据容器：

  data: {
    select:'五花肉',
    clear:'   五花肉',
  },

接下来是上面三个动做的方法

 selecttoresult:function(){
    if(this.data.select!='   ')
    {
    wx.navigateTo({
      url: '../result/result?action=selectkind&key='+this.data.select,
    });
    }
  },
//上面的方法是点击后获取下面inputselect写入data里的值而后跳转

 clear: function (e) {
    this.setData({
      clear: '   '
    })
  },
//这个方法是当获取焦点时，清空data里clear容器里的数据

 inputselect: function (e) {
    this.setData({
      select: e.detail.value
    })
  }
//这个方法是在触发输入动做时，把输入的内容写入data里的select容器里