[发明专利]浏览页的调整方法、设备及计算机可读存储介质

说明书

本发明介绍了一种浏览页的调整方法、设备及计算机可读存储介质，该方法包括：当在浏览页中的输入框中检测到输入编辑事件，且弹出软键盘时，获取当前的所述输入框在显示区域中的位置以及可视区域在显示区域中的位置；根据所述当前的所述输入框在显示区域中的位置以及可视区域在显示区域中的位置，调整所述浏览页，以使所述输入框位于所述可视区域中；其中，所述显示区域为终端显示屏的区域，所述可视区域为在所述显示区域中除去软键盘的其他区域。本发明通过调整输入框在显示界面中的位置，以使输入框不被软键盘遮挡，并且不影响其原有的上下文内容显示。

技术领域

本发明涉及移动通讯技术领域，尤其涉及一种浏览页的调整方法、设备及计算机可读存储介质。

背景技术

在移动终端上的大部分应用程序APP都有着与人交互的功能，其中输入框便是一种交互方式。由于移动终端的屏幕大小不尽相同，且移动终端上有各式各样的输入法软件，每当用户点击APP内的某个输入框时便会出现五花八门的软键盘，此时便会存在软键盘遮挡输入框的情况，从而影响用户的使用体验。

现有的一种解决方案为：当用户点击选择某个输入框时，把该输入框置于软键盘之上显示，从而使得输入框永远在用户的可视范围内，如图1和图2所示。但是，由于没能考虑输入框实际在原屏幕的具体位置，直接将输入框调整到软键盘之上显示，使得用户无法直观的看到输入框与上下文的联系，可能导致用户无法正确输入相关信息，极大的影响到APP与用户的交互，从而带来较差的用户体验。

发明内容

本发明的主要目的在于提出一种浏览页的调整方法、设备及计算机可读存储介质，通过调整输入框在显示界面中的位置，以使输入框不被软键盘遮挡，并且不影响其原有的上下文内容显示。

为实现上述目的，本发明提供了一种浏览页的调整方法，所述方法包括：

当在浏览页中的输入框中检测到输入编辑事件，且弹出软键盘时，获取当前的所述输入框在显示区域中的位置以及可视区域在显示区域中的位置；

根据所述当前的所述输入框在显示区域中的位置以及可视区域在显示区域中的位置，调整所述浏览页，以使所述输入框位于所述可视区域中；

其中，所述显示区域为终端显示屏的区域，所述可视区域为在所述显示区域中除去软键盘的其他区域。

可选的，所述获取当前的所述输入框在显示区域中的位置以及可视区域在显示区域中的位置，包括：

获取当前的所述输入框的中心点在显示区域中的位置以及可视区域的中心点在显示区域中的位置。

可选的，所述根据所述当前的所述输入框在显示区域中的位置以及可视区域在显示区域中的位置，调整所述浏览页，包括：

判断所述输入框的中心点到所述浏览页的下边缘的距离是否大于所述可视区域的中心点到所述软键盘的上边缘的距离；

若是，则调整所述浏览页，以使所述输入框的中心点与所述可视区域的中心点重合；

若否，则调整所述浏览页，以使所述浏览页的下边缘与所述软键盘的上边缘重合。

可选的，在所述输入框的中心点到所述浏览页的下边缘的距离大于所述可视区域的中心点到所述软键盘的上边缘的距离的情况下，调整所述浏览页，包括：

根据当前的所述输入框的中心点的横坐标与所述可视界面的中心点的横坐标的差值，横向调整所述浏览页；

根据所述输入框的中心点的纵坐标与所述可视界面的中心点的纵坐标的差值，纵向调整所述浏览页。

可选的，所述横向调整所述浏览页，包括：水平滑动所述浏览页的水平滚动条；

所述纵向调整所述浏览页，包括：垂直滑动所述浏览页的垂直滚动条。