[发明专利]页面输入框的控制方法、装置、电子设备及介质

说明书

本公开提供了一种页面输入框的控制方法、装置、电子设备及介质。页面输入框的控制方法包括：响应于对当前页面中第一输入框的触发操作，加载软键盘和与第一输入框关联的第二输入框；在第一输入框所属的第一图层之上建立第二图层，在第二图层的第一区域和第二区域分别显示第二输入框和软键盘。本公开的实施例实现了通过加载预先设定的第二输入框和软键盘，并在两个不重叠的区域分别显示，使得第二输入框和软键盘在显示位置上互不冲突，可避免在输入内容时由输入框位置变化引起的页面跳转，且无需在输入时计算输入框的移动距离，简化了计算。

技术领域

本公开涉及网页设计技术领域，具体而言，本公开涉及一种页面输入框的控制方法、装置、电子设备及介质。

背景技术

目前，输入框控制是显示页面的基本控件之一，可用来输入文本，在页面显示领域中使用场景较多，交互频次较高。在目前的页面显示技术中，用户通过某个页面的输入框控件(例如位于页面中间或低端的输入框控件)进行内容输入时，在检测到用户对输入框的触发操作时，需要把输入框及输入框上面的内容进行上移，并在页面的下半部分显示软键盘，这时候需要根据输入框的位置、软键盘的高度等进行一系列计算，以确定上移距离，计算较为复杂，且页面会发生上下跳转，影响视觉效果。

发明内容

本公开针对现有方式的缺点，提出一种页面输入框的控制方法、装置、电子设备及介质，用以解决现有技术存在的触发输入框时输入框上移时计算复杂且页面发生上下跳转的技术问题。

第一方面，本公开实施例提供了一种页面输入框的控制方法，包括：

响应于对当前页面中第一输入框的触发操作，加载软键盘和与第一输入框关联的第二输入框；

在第一输入框所属的第一图层之上建立第二图层，在第二图层的第一区域和第二区域分别显示第二输入框和软键盘；第一区域和第二区域不重叠。

第二方面，本公开实施例提供了一种页面输入框的控制装置，包括：

加载模块，用于响应于对当前页面中第一输入框的触发操作，加载软键盘和与第一输入框关联的第二输入框；

显示模块，用于在第一输入框所属的第一图层之上建立第二图层，在第二图层的第一区域和第二区域分别显示第二输入框和软键盘；第一区域和第二区域不重叠。

第三方面，本公开实施例提供了一种电子设备，包括：

存储器；

处理器，与存储器电连接；

存储器存储有计算机程序，计算机程序由处理器执行以实现本公开实例第一方面提供的页面输入框的控制方法。

第四方面，本公开实施例提供了一种计算机可读介质，存储有计算机程序，该计算机程序被处理器执行时实现本公开实施例第一方面提供的页面输入框的控制方法。

本公开实施例提供的技术方案，至少具有如下有益效果：

针对应用程序中任一页面的输入框控件，在接收到触发指令时，通过加载预先设定的第二输入框和软键盘，并在原始输入框(本公开中的第一输入框)所属的第一图层之上新建立的第二图层中的两个不重叠的区域分别显示，使得第二输入框和软键盘在显示位置上互不冲突，可避免在输入内容时由原始输入框位置变化引起的页面跳转，且无需在输入时计算输入框的移动距离，简化了计算。

本公开提供该发明内容部分以便以简要的形式介绍构思，这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征，也不旨在用于限制所要求的保护的技术方案的范围。

附图说明

本公开上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：