小程序 input輸入 刪除 聚焦等方法

Page({
    data: {
     clearsearch: false
    },
  inputfocus: function (e) {
    this.setData({
      clearsearch: true,
    })
  },
  inputblur: function (e) {
    this.setData({
      clearsearch: false,//刪除按鈕顯示隱藏
      inputvalue:' '//input輸入的值
    })
  },
  inputvalue: function (e) {
    this.setData({
      clearsearch: true,
      inputvalue: e.detail.value
    })
  },
  // 清空篩選
  clearsearch: function (e) {
    var inputvalue = this.data.inputvalue
    this.setData({
      inputvalue: '',
      clearsearch: false
    })
  }
})    

<input placeholder="請輸入手機號" placeholder-class="phcolor" value="{{inputvalue}}" bindblur="inputblur" bindfocus="inputfocus" bindinput="inputvalue" class="tellnum"/>
<view class='clearsearch' bindtap='clearsearch' hidden='{{!clearsearch}}'><icon type="clear" size="17"/></view>