微信小程序—自定义弹出式键盘（车牌键盘、十六进制键盘），可快速定义不同场景键盘

玩烂小程序

于 2020-01-17 23:28:20 发布

阅读量3.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/WeiHan_Seven/article/details/104025716

微信小程序专栏收录该内容

51 篇文章

订阅专栏

本文介绍小程序中如何使用自定义键盘提升输入效率，包括车牌、色值等特殊场景的键盘优化，通过修改组件代码实现更丰富的输入体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

摘要

小程序input组件提供的键盘有四种（text—文本、number—数字、idcard—身份证、digit—小数点），但输入场景万千，很多情况下都需要排除不必要的干扰，比如车牌输入、色值输入，或者只需要输入大写等等，为快速解决，现提供几种弹出式键盘，更多的可在此基础上修改。

效果

在这里插入图片描述

组件代码

keboard组件免积分下载

页面代码

data: {
    showKeyboard:false,
    keyboardType:4,
  },
  openCarCardKeyboard(){
    this.setData({
      showKeyboard:true,
      keyboardType:4
    })
  },
  closeKeyboard(){
    this.setData({
      showKeyboard:false
    })
  },

<button style="margin-top:50rpx;width:70%" type="primary" bindtap="openCarCardKeyboard">车牌键盘</button>
<keyboard bind:inputPress="inputPress" keyBoardType="{{keyboardType}}" isShow="true" bindactiontap="closeKeyboard" show="{{showKeyboard}}">
</keyboard>