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

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

作者: 羞羞的王大锤 | 来源:发表于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