一种显示浮层的方法及装置的制造方法
【技术领域】
[0001] 本发明涉及互联网通信领域，特别涉及一种显示浮层的方法及装置。
【背景技术】
[0002] 在网页或应用程序中有很多表单，表单中包含多个信息输入框。在用户向表单中 的信息输入框中填写内容时，终端可以显示该信息输入框的浮层给用户，该浮层中包含用 户之前向该信息输入框填写的内容。如果用户需要填写的内容在该浮层中，则用户直接在 该浮层中点击该内容，终端将该内容填写到该信息输入框中，如此能够帮助用户快速填写 表单。
[0003] 现有技术可以通过如下方法来显示信息输入框的浮层，包括：检测到用户点击表 单中的某信息输入框时，获取用户之前向该信息输入框输入的内容，在该信息输入框下创 建一下拉界面，将获取的内容显示在该下拉界面中，以实现显示该信息输入框的浮层。
[0004] 在实现本发明的过程中，发明人发现现有技术至少存在以下问题：
[0005] 当用户点击信息输入框时，终端会从屏幕的下方弹出一键盘，当该信息输入框与 键盘之间的可视区域较小时，该键盘就会遮住浮层中部分内容或全部内容。
【发明内容】
[0006] 为了减少键盘对浮层中的内容的遮挡，本发明提供了一种显示浮层的方法及装 置。所述技术方案如下：
[0007] -种显示浮层的方法，所述方法包括：
[0008] 检测到用户点击表单的信息输入框时，获取所述用户点击的信息输入框；
[0009] 根据所述用户点击的信息输入框，扩大所述用户点击的信息输入框与终端显示的 键盘之间的可视区域；
[0010] 在所述扩大的可视区域内显示所述用户点击的信息输入框的浮层。
[0011] -种显示浮层的装置，所述装置包括：
[0012] 第一获取模块，用于检测到用户点击表单的信息输入框时，获取所述用户点击的 信息输入框；
[0013] 扩大模块，用于根据所述用户点击的信息输入框，扩大所述用户点击的信息输入 框与终端显示的键盘之间的可视区域；
[0014] 第一显示模块，用于在所述扩大的可视区域内显示所述用户点击的信息输入框的 浮层。
[0015] 在本发明实施例中，通过扩大用户点击的信息输入框与终端显示的键盘之间的可 视区域，如此就可以有更大的区域来显示用户点击的信息输入框的浮层，从而减少或避免 键盘对浮层内容的遮挡。
【附图说明】
[0016] 图1是本发明实施例1提供的一种显示浮层的方法流程图；
[0017] 图2-1是本发明实施例2提供的一种显示浮层的方法流程图；
[0018] 图2-2是本发明实施例2提供的第一种表单结构示意图；
[0019] 图2-3是本发明实施例2提供的第二种表单结构示意图；
[0020] 图2-4是本发明实施例2提供的第三种表单结构示意图；
[0021] 图2-5是本发明实施例2提供的第四种表单结构示意图；
[0022] 图2-6是本发明实施例2提供的第五种表单结构示意图；
[0023] 图3是本发明实施例3提供的一种显示浮层的装置结构示意图；
[0024] 图4是本发明实施例3提供的一种终端结构示意图。
【具体实施方式】
[0025] 为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方 式作进一步地详细描述。
[0026] 实施例1
[0027] 参见图1，本发明实施例提供了一种显示浮层的方法，包括：
[0028] 步骤101 :检测到用户点击表单的信息输入框时，获取用户点击的信息输入框。
[0029] 步骤102 :根据用户点击的信息输入框，扩大用户点击的信息输入框与终端显示 的键盘之间的可视区域。
[0030] 步骤103 :在扩大的可视区域内显示用户点击的信息输入框的浮层。
[0031] 优选的，上述步骤102可以包括：
[0032] 1021 :根据用户点击的信息输入框，获取该表单中除用户点击的信息输入框以外 的其他信息输入框。
[0033] 1022 :在终端当前的可视区域内，隐藏获取的其他信息输入框。
[0034] 1023 :将用户点击的信息输入框移至该可视区域的顶部显示，以实现扩大用户点 击的信息输入框与终端显示的键盘之间的可视区域。
[0035] 优选的，上述步骤103可以包括：
[0036] 1031 :在扩大的可视区域内创建用户点击的信息输入框的下拉界面。
[0037] 1032 :获取用户点击的信息输入框的浮层信息。
[0038] 1033 :将该浮层信息显示在该下拉界面中。
[0039] 进一步地，在获取用户点击的信息输入框之前，该方法还包括：
[0040] 获取终端的当前可视区域，如果终端的当前可视区域的尺寸小于预设临界值，则 执行获取用户点击的信息输入框的操作。
[0041] 进一步地，该方法还包括：
[0042] 检测出终端的输入焦点移出用户点击的信息输入框时，在终端当前的可视区域中 显示该表单。
[0043] 在本发明实施例中，通过扩大用户点击的信息输入框与终端显示的键盘之间的可 视区域，如此就可以有更大的区域来显示用户点击的信息输入框的浮层，从而减少或避免 键盘对浮层内容的遮挡。
[0044] 实施例2
[0045] 本发明提供了一种显示浮层的方法，其中，本发明实施例的执行主体可以为终端 等，参见图2-1，该方法包括：
[0046] 步骤201 :在终端的可视区域内显示表单。
[0047] 目前很多网页和应用程序中包含表单，表单中包含多个信息输入框。用户需要填 写网页中的表单或应用程序中的表单时，可以在终端上打开需要填写的网页中的表单或应 用程序中的表单，即终端在自身的可视区域内显示网页中的表单或应用程序中的表单。在 此时，终端的可视区域与终端的屏幕大小相等。
[0048] 当用户开始填写表单时，用户点击表单中的信息输入框。此时，终端的输入焦点便 落在用户点击的信息输入框中，同时终端从其屏幕的下方弹出一键盘，用户便可以通过弹 出的键盘向其点击的信息输入框中输入内容。
[0049] 例如，参见图2-2所示的表单，该表单为一订单，终端在其可视区域内显示该表 单，该表单中包括六个信息输入框，分别为"订单号"、"姓名"、"物品名"、"详细地址"、"联系 电话"和"发票抬头"。其中，终端当前的可视频区域为其整个屏幕，所以可以在其整个屏幕 内显示该表单，且在终端显示该表单时自动将订单号"75056820"填写在"订单号"信息输 入框中。
[0050] 参见图2-3,如果用户需要填写某个信息输入框时，用户点击该信息输入框。假设 用户需要填写姓名，则用户可以点击"姓名"这个信息输入框。终端当检测出用户点击"姓 名"这个信息输入框时，将输入焦点即光标落在"姓名"这个信息输入框中，同时终端会从其 屏幕的下方弹出键盘。
[0051] 步骤202 :检测到用户点击表单的信息输入框时，获取终端的当前可视区域。
[0052] 由于终端检测到用户点击表单的信息输入框时，终端会从其屏幕的下方弹出键 盘，该键盘会覆盖一部分可视区域，所以在此时，终端的当前可视频区域为终端的屏幕顶部 到该键盘之间的区域。例如，参见图2-3,终端弹出的键盘覆盖了终端的部分可视区域，此 时，在终端的当前可视区域内只够显示"订单号"、"姓名"和"物品名"三个信息输入框，而 在可视区域中显示的"详细地址"、"联系电话"和"发票抬头"这个三个信息输入框被键盘 覆盖，所以终端的当前可视区域为终端的屏幕顶部到该键盘之间的区域。
[0053] 步骤203 :如果终端的当前可视区域的尺寸小于预设临界值，则获取用户点击的 信息输入框。
[0054] 终端的当前可视区域的尺寸可以为当前可视区域的高度。本步骤可以为：从终端 的操作系统的函数库中调用用于获取可视区域的高度的函数，通过调用的函数获取终端的 当前可视区域的高度，如果获取的高度小于预设临界值，则获取用户点击的信息输入框。
[0055] 其中，用于获取可视区域的高度的函数可以为"document, body. offsetHeightO " 函数，"document, body, offset