小程序 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>

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM