美文网首页
小程序键盘的自动弹出和收起

小程序键盘的自动弹出和收起

作者: 羞羞的王大锤 | 来源:发表于2020-04-13 23:57 被阅读0次

    我们在进入某个页面时,希望可以定位到某一个Input输入框中,并且实现软键盘自动弹出,在小程序中如何实现呢?

    自动弹出

    这里我们主要使用到属性是Input控件中的focus属性,我们将focus的值设为 true是,自动获得焦点同时弹起键盘

    <input 
          confirm-type="done" 
          placeholder="请输入标题" 
          maxlength="{{50}}" 
          focus="true"
    />
    

    自动收起

    这里需要用到wx.hideKeyboard()方法,比如我们想实现用户输入123后自动收起键盘,实现方式如下
    wxml文件中

    <input 
          confirm-type="done" 
          placeholder="请输入标题" 
          maxlength="{{50}}" 
          bindinput = 'onchange'
    />
    

    js文件中

    onchange(e){
      if(e == '123'){
          wx.hideKeyboard()
      }
    }
    

    最后 🙌

    好啦,以上就是我本次分享的全部内容啦,如果你觉得我的文章对你有一丢丢帮助,那么请不要吝啬你的赞👍哦,阿门~

    相关文章

      网友评论

          本文标题:小程序键盘的自动弹出和收起

          本文链接:https://www.haomeiwen.com/subject/zpkamhtx.html