H5网页的输入键盘实现方法、装置、设备及存储介质制造方法及图纸

本发明专利技术涉及研发管理领域，公开了一种H5网页的输入键盘实现方法，根据输入框形状和显示底色识别H5网页上的输入框，并进行标记以及设置为可读模式，根据被标记的输入框中的展示内容确定输入键盘的定义方式，计算出标记输入框在H5网页的区域范围，确定对应的输入键盘的布局方式，选择对应的键盘模型，基于定义方式对键盘模型进行重定义，得到基本输入键盘，监听唤醒后的基本输入键盘上的各按键的触发满足合法性要求时，在输入框中输入与触发对应的数据内容。本发明专利技术还公开了一种H5网页的输入键盘实现装置、设备及存储介质，实现键盘与场景的绑定，解决键盘与业务的输入框的输入内容不匹配的问题，还保证输入信息的安全，提升用户的使用体验。

The implementation method, device, equipment and storage medium of input keyboard for H5 web page

【技术实现步骤摘要】
H5网页的输入键盘实现方法、装置、设备及存储介质
本专利技术涉及研发管理领域，尤其涉及一种H5网页的输入键盘实现方法、装置、设备及计算机可读存储介质。
技术介绍
随着网页功能的越来越多样化，尤其是对于H5网页的开发上，为了实现不同的业务，在H5网页中会设置多种类型的输入框，每个输入框对应的输入内容是不一样的，同时也会对输入键盘显示也会不一样。而针对这种不一样，现有的实现方式是基于手机或者终端本身的自带输入法键盘来实现，对于需要输入什么样的内容，用户可以自行进行键盘模式的切换，比如纯数字的内容，而从输入法键盘切换至数字键盘需要经过一定的繁琐操作。例如数字键盘，虽然说可以实现数字内容的输入，但是输入法中的数字键盘是同时带有数字和符号的键盘，而在一些实际场景中，该输入框的输入内容并不需要使用到符号，而对于采用输入法键盘的兼容使用，对于用户来说，则需要进行多余的选择，甚至会出现由于误操作而输入错误的信息，尤其是终端会同时存在多个输入法时，用户的切换使用就极为不方便了。
技术实现思路
本专利技术的主要目的在于提供一种H本文档来自技高网...

【技术保护点】
1.一种H5网页的输入键盘实现方法，其特征在于，所述H5网页的输入键盘实现方法包括以下步骤：/n根据预设的输入框形状和显示底色识别出H5网页上的输入框，并将所述输入框进行标记以及设置其为可读模式，所述可读模式用于定义所述输入框的中待输入内容的格式展示；/n获取所述H5网页中被标记的所述输入框中预显示的展示内容，并根据所述展示内容确定输入键盘的定义方式，其中，所述定义方式包括对输入键盘上的每个按键的定义内容以及每个按键的显示位置；/n根据所述标记计算出所述输入框位于所述H5网页中的区域范围，并基于所述区域范围确定与所述定义方式相匹配的所述输入键盘的布局方式；/n根据所述输入键盘的布局方式选择对应...

【技术特征摘要】
1.一种H5网页的输入键盘实现方法，其特征在于，所述H5网页的输入键盘实现方法包括以下步骤：
根据预设的输入框形状和显示底色识别出H5网页上的输入框，并将所述输入框进行标记以及设置其为可读模式，所述可读模式用于定义所述输入框的中待输入内容的格式展示；
获取所述H5网页中被标记的所述输入框中预显示的展示内容，并根据所述展示内容确定输入键盘的定义方式，其中，所述定义方式包括对输入键盘上的每个按键的定义内容以及每个按键的显示位置；
根据所述标记计算出所述输入框位于所述H5网页中的区域范围，并基于所述区域范围确定与所述定义方式相匹配的所述输入键盘的布局方式；
根据所述输入键盘的布局方式选择对应的键盘模型，并基于所述定义方式对所述键盘模型上的各个按键进行重定义，以形成用于与所述输入框绑定的基本输入键盘；
检测所述输入框上的操作事件，并唤醒所述基本输入键盘；
监听所述基本输入键盘上的各按键的触发，并验证所述触发是否满足合法性要求；
若所述触发满足合法性要求，则在所述输入框中输入与所述触发对应的数据内容。


2.如权利要求1所述的H5网页的输入键盘实现方法，其特征在于，在所述根据预设的输入框形状和显示底色识别出H5网页上的所有输入框，并将所述输入框进行标记以及设置其为可读模式的步骤之前，所述H5网页的输入键盘实现方法还包括：
获取所述H5网页的网站信息，并根据所述网站信息确定所述H5网页所实现的业务功能，基于所述业务功能确定所述H5网页中每个输入框所对应的业务数据类型；
根据所述业务数据类型以及预设的业务数据类型与数据格式的对应关系，确定所述输入框中的待输入内容的数据格式，其中，所述数据格式为所述待输入内容的展示格式，其包括纯数据格式、数字加符号格式、符号格式和文字格式；
根据所述数据格式在所述输入框中显示满足所述输入框的输入信息验证规则的展示内容。


3.如权利要求2所述的H5网页的输入键盘实现方法，其特征在于，所述输入信息验证规则包括：价格规则、价格区间、数值规则、密码规则、二次密码输入规则、电子邮箱规则、身份证号码规则、手机号规则和标签规则中的至少一种。


4.如权利要求1-3任一项所述的H5网页的输入键盘实现方法，其特征在于，所述获取所述H5网页中被标记的所述输入框中预显示的展示内容，并根据所述展示内容确定输入键盘的定义方式的步骤包括：
根据所述标记确定所述输入框位于所述H5网页中的位置坐标，并基于所述位置坐标对所述输入框所在的区域进行截图，其中，所述截图为以所述输入框为中心，以半径为R的范围进行截取，所述R以所述输入框的边界的起点进行计算，所述位置坐标为所述输入框的边界的坐标信息；
利用图片内容提取技术从所述截图中提取输入框中显示的展示内容；
根据预设的输入框的输入信息验证规则提取所述展示内容的数据格式；
根据所述数据格式以及所述业务数据类型与输入键盘的定义方式的对应关系，确定与所述数据格式对应的输入键盘的定义方式。


5.如权利要求3所述的H5网页的输入键盘实现方法，其特征在于，所根据所述数据格式以...

【专利技术属性】
技术研发人员：洪光宝，
申请(专利权)人：深圳壹账通智能科技有限公司，
类型：发明
国别省市：广东;44