一种小程序的输入方法、装置、电子设备及存储介质制造方法及图纸

技术编号:24798534 阅读:26 留言:0更新日期:2020-07-07 20:53
本公开实施例提供了一种小程序的输入方法、装置、电子设备及存储介质,其中,该方法包括:当监测到在输入框的输入事件时,通过输入框绑定的回调函数确定用户输入的字符;通过回调函数将字符与数据库进行匹配,得到与字符相关的匹配结果;将匹配结果存放到作为空数组的列表变量中,基于列表变量中的匹配结果渲染列表项,并将渲染的列表项进行展示;当监测到触发目标列表项时,通过目标列表项绑定的回调函数确定目标列表项的索引,根据索引从列表变量中确定对应的目标匹配结果;将目标匹配结果存放到作为空字符串的输入框变量中,将输入框变量中的目标匹配结果设置为目标列表项对应的内容,可以提高在小程序中的输入效率。

【技术实现步骤摘要】
一种小程序的输入方法、装置、电子设备及存储介质
本公开实施例涉及计算机技术,尤其涉及一种小程序的输入方法、装置、设备及存储介质。
技术介绍
小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想。随着计算机技术的发展,小程序的规模越来越大,对小程序的交互需求也越来越高。相关技术中,当用户通过小程序进行输入时,用户需要依次将每个字符一一输入。当用户每输入一个字符时,与该字符相关的内容并不能进行提示以辅助用户输入字符,因此,降低用户的输入效率。
技术实现思路
本公开实施例提供实施例提供了一种小程序的输入方法,可以提高用户输入字符的效率。第一方面,本公开实施例提供了一种小程序的输入方法,包括:当监测到在输入框的输入事件时,通过所述输入框绑定的回调函数确定用户输入的字符;通过所述回调函数将所述字符与数据库进行匹配,得到与所述字符相关的匹配结果;将所述匹配结果存放到作为空数组的列表变量中,基于所述列表变量中的匹配结果渲染列表项,并将渲染的列表项进行展示;当监测到触发目标列表项时,通过所本文档来自技高网...

【技术保护点】
1.一种小程序的输入方法,其特征在于,包括:/n当监测到在输入框的输入事件时,通过所述输入框绑定的回调函数确定用户输入的字符;/n通过所述回调函数将所述字符与数据库进行匹配,得到与所述字符相关的匹配结果;/n将所述匹配结果存放到作为空数组的列表变量中,基于所述列表变量中的匹配结果渲染列表项,并将渲染的列表项进行展示;/n当监测到触发目标列表项时,通过所述目标列表项绑定的回调函数确定所述目标列表项的索引,根据所述索引从所述列表变量中确定对应的目标匹配结果;/n将所述目标匹配结果存放到作为空字符串的输入框变量中,将所述输入框变量中的目标匹配结果设置为所述目标列表项对应的内容,以将所述目标列表项对应...

【技术特征摘要】
1.一种小程序的输入方法,其特征在于,包括:
当监测到在输入框的输入事件时,通过所述输入框绑定的回调函数确定用户输入的字符;
通过所述回调函数将所述字符与数据库进行匹配,得到与所述字符相关的匹配结果;
将所述匹配结果存放到作为空数组的列表变量中,基于所述列表变量中的匹配结果渲染列表项,并将渲染的列表项进行展示;
当监测到触发目标列表项时,通过所述目标列表项绑定的回调函数确定所述目标列表项的索引,根据所述索引从所述列表变量中确定对应的目标匹配结果;
将所述目标匹配结果存放到作为空字符串的输入框变量中,将所述输入框变量中的目标匹配结果设置为所述目标列表项对应的内容,以将所述目标列表项对应的内容进行输入。


2.根据权利要求1所述的方法,其特征在于,当监测到在输入框的输入事件时,通过所述输入框绑定的回调函数确定用户输入的字符,包括:
当监测到在输入框的输入事件时,将输入的字符包装成事件对象;
通过与所述输入框绑定的回调函数对所述事件对象进行解析,确定用户输入的字符。


3.根据权利要求1所述的方法,其特征在于,还包括:
基于输入框标签显示输入框,其中,所述输入框标签的value属性值为所述输入框变量中的值。


4.根据权利要求3所述的方法,其特征在于,所述将渲染的列表项进行展示,包括:
将渲染的列表项在自动提示框中进行展示,其中,所述自动提示框基于自动提示框标签进行显示。


5.根据权利要求4所述的方法,其特征在于,
所述自动提示框标签的位置属性值为绝对的;
所述自动提示框标签的top属性值为所述输入框标签的高度值;
所述自动提示框标签的width属性值为所述输入框标签的宽度值;
所述自动提示框标签的display属性为弹性布局。


6.根据权利要求4所述的方法,其特征在于,还包括:
在所述自动提示框标签中,将根据列表变量中匹配结...

【专利技术属性】
技术研发人员:俞亮
申请(专利权)人:北京字节跳动网络技术有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1