CN104102418A - 一种移动终端浏览器中输入框目标位置定位方法及装置 - Google Patents
一种移动终端浏览器中输入框目标位置定位方法及装置 Download PDFInfo
- Publication number
- CN104102418A CN104102418A CN201310116029.1A CN201310116029A CN104102418A CN 104102418 A CN104102418 A CN 104102418A CN 201310116029 A CN201310116029 A CN 201310116029A CN 104102418 A CN104102418 A CN 104102418A
- Authority
- CN
- China
- Prior art keywords
- input frame
- target location
- interface
- input
- distance
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 177
- 238000005096 rolling process Methods 0.000 claims abstract description 36
- 238000009877 rendering Methods 0.000 claims abstract description 12
- 210000003141 lower extremity Anatomy 0.000 claims description 73
- 238000010422 painting Methods 0.000 claims description 41
- 230000004807 localization Effects 0.000 claims description 17
- 238000010586 diagram Methods 0.000 description 8
- 238000005516 engineering process Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 230000005055 memory storage Effects 0.000 description 2
- 238000010295 mobile communication Methods 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种移动终端浏览器中输入框目标位置定位方法及装置，该方法包括：当用户点击浏览网页中的输入框、输入法界面弹出时，计算输入框与输入法界面的相对位置，判断输入框是否被输入法界面部分或完全覆盖；当输入框被输入法界面部分或完全覆盖时，根据输入法界面，确定输入框的目标位置；通过滚动浏览网页和/或浏览画布，在目标位置处渲染输入框。本发明能够使得当用户点击输入框、输入法界面弹出时，输入框能够在一个合理的位置进行显示，对用户完全可见。
Description
技术领域
本发明涉及移动通信技术领域，尤其涉及一种移动终端浏览器中输入框目标位置定位方法及装置。
背景技术
近年来，随着移动通信技术的迅速发展，各种手持终端设备，如手机、个人数字助理（PDA）已成为人们生活必不可少的电子设备。在使用手持终端设备中的浏览器浏览网页时，诸多网页中通常会显示有输入框，需要用户进行信息输入。当用户点击网页中的某一输入框时，浏览器通常会在手持终端设备屏幕的底端弹出输入法界面，供用户输入满足输入框要求的信息。如果浏览网页给出的输入框的位置,即输入框的当前位置，处于手持终端设备显示屏幕的下方，且当浏览器弹出该输入法界面时，输入法界面会覆盖输入框，导致用户无法查看输入框中输入的信息。为此，需要重新定位输入框至一个合理的目标位置，使得输入法界面弹出时，输入框对用户可见。
现有的基于系统浏览器的实现方法，通过在点击当前位置下的输入框之后，创建一个控件覆盖在输入框位置，该方法主要适用于系统自绘输入法。但是，如果输入框的当前位置处于手持终端设备显示屏幕的底部时，仍不能够将输入框显示在可视区域，影响用户输入，且该方法不支持HTML中的contenteitable属性。
现有的基于估计值的输入框目标位置的定位方法，通过计算输入框当前位置处光标的位置，并判断其是否处于手持终端设备显示屏幕的三分之一处或其他某一个位置（估计值），如果否，则计算距离差，并将浏览画布向上移动一个距离差，将输入框定位至一个合理的目标位置。该方法解决了系统浏览器的实现方法存在的问题，主要适用于自绘输入法。但是，仍有如下缺点：不能很好的适配各种分辨率的显示屏幕；如果输入框当前位置处于手持终端设备显示屏幕的底部时，定位后输入框的目标位置下方经常会出现空白区域，严重影响体验；如果当前位置下的输入框上方有验证码时，该方法很难给出一个合理的输入框的目标位置，以便用户能够看到验证码。
发明内容
鉴于以上理由，本发明提出一种移动终端浏览器中输入框目标位置定位方法及装置，来解决以上背景技术部分提到的技术问题。
一种移动终端浏览器中输入框目标位置定位方法，所述方法包括：
步骤S1：当浏览网页中的输入框被点击、输入法界面弹出时，计算所述输入框与所述输入法界面的相对位置，判断所述输入框是否被所述输入法界面部分或完全覆盖；
步骤S2：当所述输入框被所述输入法界面部分或完全覆盖时，根据所述输入法界面，确定所述输入框的目标位置；
步骤S3：通过滚动所述浏览网页和/或浏览画布，在所述目标位置处渲染所述输入框。
进一步地，所述步骤S1包括：
当浏览网页中的输入框被点击、输入法界面从移动终端屏幕的底端弹出时，计算所述输入框的下边缘位置是否在所述输入法界面的上边缘位置的下方，如果在，则判断所述输入框被所述输入法界面部分或完全覆盖。
进一步地，所述步骤S2包括：
当所述输入框被所述输入法界面部分或完全覆盖时，确定所述输入框的目标位置为使得所述输入框的下边缘位置与所述输入法界面的上边缘位置相重合的位置。
进一步地，所述步骤S3包括：
计算所述浏览网页的下边缘位置与移动终端屏幕的下边缘位置之间的距离，作为第一距离；
计算所述输入框在目标位置处的下边缘位置与所述输入框在当前位置处的下边缘位置之间的距离，作为第二距离；
根据所述第一距离和第二距离，滚动所述浏览网页和/或浏览画布，在所述目标位置处渲染所述输入框。
对应地，本发明还提供了一种移动终端浏览器中输入框目标位置定位装置，所述装置包括：
判断模块，用于浏览网页中的输入框被点击、输入法界面弹出时，计算所述输入框与所述输入法界面的相对位置，判断所述输入框是否被所述输入法界面部分或完全覆盖；
定位模块，用于当所述输入框被所述输入法界面部分或完全覆盖时，根据所述输入法界面，确定所述输入框的目标位置；
渲染模块，用于通过滚动所述浏览网页和/或浏览画布，在所述目标位置处渲染所述输入框。
进一步地，所述判断模块用于：
当浏览网页中的输入框被点击、输入法界面从移动终端屏幕的底端弹出时，计算所述输入框的下边缘位置是否在所述输入法界面的上边缘位置的下方，如果在，则判断所述输入框被所述输入法界面部分或完全覆盖。
进一步地，所述定位模块用于：
当所述输入框被所述输入法界面部分或完全覆盖时，确定所述输入框的目标位置为使得所述输入框的下边缘位置与所述输入法界面的上边缘位置相重合的位置。
进一步地，所述渲染模块包括：
第一计算子模块，用于计算所述浏览网页的下边缘位置与移动终端屏幕的下边缘位置之间的距离，作为第一距离；
第二计算子模块，用于计算所述输入框在目标位置处的下边缘位置与所述输入框在当前位置处的下边缘位置之间的距离，作为第二距离；
滚动渲染子模块，用于根据所述第一距离、第二距离，滚动所述浏览网页和/或浏览画布，在所述目标位置处渲染所述输入框。
相较于现有技术，本发明在输入框被输入法界面部分或全部覆盖时，通过滚动浏览网页和/或浏览画布，在目标位置处渲染输入框，使得输入框能够对用户完全可见，且避免了当输入法界面从移动终端屏幕底端弹出时，输入框目标位置下方有时会出现空白区域的问题，同时也不妨碍用户查看输入框上方的验证码。
附图说明
图1为本发明第一实施例提供的一种移动终端浏览器中输入框目标位置定位方法的流程示意图；
图2为本发明移动终端浏览器中输入框目标位置定位方法的实施环境示意图；
图3为本发明第一实施例提供的输入法界面、移动终端屏幕、浏览网页、浏览网页可视区域的位置示意图；
图4为本发明第一实施例提供的通过滚动浏览网页和/或浏览画布在目标位置处渲染输入框的流程示意图；
图5为本发明第一实施例提供的第一距离、第二距离的计算示意图；
图6为本发明第二实施例提供的一种移动终端浏览器中输入框目标位置定位方法的流程示意图；
图7为本发明第二实施例提供的通过滚动浏览网页和/或浏览画布在目标位置处渲染输入框的流程示意图；
图8为本发明第三实施例提供的一种移动终端浏览器中输入框目标位置定位装置的示意图；
图9为本发明第四实施例提供的一种移动终端浏览器中输入框目标位置定位装置的示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部内容。
图1-5示出了本发明的第一实施例。
图1为本发明第一实施例提供的一种移动终端浏览器中输入框目标位置定位方法的流程示意图。本实施例所述的方法可以通过移动终端实现浏览器中输入框目标位置的定位。如图2所示，移动终端21包括存储装置211、处理装置212、显示装置213。该方法的软件程序存在存储装置211中，被处理装置212执行，显示装置213提供一个界面，用于显示输入框、输入法界面、浏览网页内容。
参见图1，所述方法包括：
步骤S101：当显示装置213上浏览网页中的输入框被点击、输入法界面从移动终端屏幕的底端弹出时，处理装置212计算输入框与输入法界面的相对位置，判断输入框是否被输入法界面部分或完全覆盖。
本实施例以输入框在输入法界面的下端（如图3所示）为例进行说明。
在本步骤中，处理装置212通过计算输入框的下边缘位置是否在输入法界面的上边缘位置的下方，来判断输入框是否被输入法界面部分或完全覆盖。如果在，则判断输入框被输入法界面部分或完全覆盖。
图3为本发明第一实施例提供的移动终端屏幕、输入法界面、浏览网页、浏览网页可视区域位置的示意图。参见图3，浏览网页指的是当前用户所浏览的真实网页，所述浏览网页的高度大于或等于移动终端屏幕的高度。如果浏览网页排版之后的高度大于移动终端屏幕的高度，浏览网页就可以上下滚动，即内部滚动。浏览网页可视区域为移动终端屏幕显示的输入法界面的上方区域。
在本实施例的一个优选实施方式中，当浏览网页中的输入框被点击、输入法界面从移动终端屏幕的底端弹出时，处理装置212通过调用浏览器控件androidwebview中的系统函数getWindowVisibleDisplayFrame获取浏览网页可视区域的左上角坐标、宽度及高度，计算输入法界面的上边缘位置：浏览网页可视区域左上角的纵坐标与浏览网页可视区域的高度之和。
在本实施例中，坐标系原点为浏览网页的左上角。浏览网页可视区域的左上角坐标包括横坐标和纵坐标。横坐标表示浏览网页可视区域的左上角与浏览网页的左上角在水平方向上的距离，纵坐标表示可视区域的左上角与浏览网页的左上角在垂直方向上的距离。
在本实施例中，所涉及的下边缘位置均指的是浏览网页的左上角（坐标系原点）到下边缘的垂直距离。
当处理装置212计算得出输入框的下边缘位置大于输入法界面的上边缘位置，即输入框的下边缘位置在输入法界面的上边缘位置的下方时，判断输入框被输入法界面部分或完全覆盖。
当然本领域的普通技术人员应该容易知道，本实施例中所涉及的下边缘位置及输入法界面的上边缘位置所处的坐标系并不限于浏览网页的左上角，例如也可以是浏览网页的左下角。此时，如处理装置212计算得出输入框的下边缘位置小于输入法界面的上边缘位置，即输入框的下边缘位置在输入法界面的上边缘位置的下方时，判断输入框被输入法界面部分或完全覆盖。
步骤S102：当输入框被输入法界面部分或完全覆盖时，处理装置212根据输入法界面的上边缘位置，确定输入框的目标位置。
在本步骤中，当输入框被输入法界面部分或全部覆盖时，处理装置212需要重新定位输入框的目标位置，使得输入框的目标位置位于输入法界面的上方，对用户完全可见。在本实施例一个优选的实施方式中，输入框的目标位置为使得输入框的下边缘位置与输入法界面的上边缘位置相重合的位置。
步骤S103：处理装置212通过滚动浏览网页和/或浏览画布，在所述目标位置处渲染输入框。其中，浏览画布指的是移动终端屏幕所显示的可视区域，所述浏览画布可以上下滚动。所述渲染输入框指的是将所述输入框以图像的形式显示在显示装置213的屏幕上。
图4为本发明第一实施例提供的通过滚动浏览网页和/或浏览画布在目标位置处渲染输入框的流程示意图。参见图4，图1中步骤S103又进一步包括以下子步骤：
子步骤S1031：处理装置212计算浏览网页的下边缘位置与移动终端屏幕的下边缘位置之间的距离，作为第一距离；
子步骤S1032：处理装置212计算输入框在目标位置处的下边缘位置与输入框在当前位置处的下边缘位置之间的距离，作为第二距离；
子步骤S1033：处理装置212根据第一距离、第二距离，滚动浏览网页和/或浏览画布，在显示装置213上的所述目标位置处渲染输入框。
在本实施例中，图5给出了本发明第一实施例提供的第一距离、第二距离的计算示意图。其中，图5中的（a）示出了第一距离X1，图5中的（b）示出了第二距离X2。
在本实施例的一个优选的实施方式中，处理装置212根据第一距离和第二距离，滚动浏览网页和/或浏览画布包括：
当第一距离等于零时，即浏览网页的下边缘位置与移动终端屏幕的下边缘位置重合时，处理装置212将浏览画布向上滚动第二距离，使得输入框位于所述目标位置；
当第一距离大于或等于第二距离时，处理装置212将浏览网页向上滚动第二距离，使得输入框位于所述目标位置；
当第一距离小于第二距离时，处理装置212计算第二距离与第一距离的差值，作为第三距离，先将浏览网页向上滚动第一距离，再将浏览画布向上滚动第三距离，使得输入框位于所述目标位置。
图6-7示出了本发明的第二实施例，举例说明输入框在输入法界面的上端（如图3所示）的情况下如何实现输入框目标位置定位的方法。
如图6所示，可以通过移动终端实现浏览器中输入框目标位置的定位。对于移动终端的描述，与第一实施例相同，这里不再赘述。
参见图6，所述方法包括：
步骤S601：当显示装置213上浏览网页中的输入框被点击、输入法界面从移动终端屏幕的顶端弹出时，处理装置212计算输入框与输入法界面的相对位置，判断输入框是否被输入法界面部分或完全覆盖。
在本步骤中，处理装置212通过计算输入框的上边缘位置是否在输入法界面的下边缘位置的上方，来判断输入框是否被输入法界面部分或完全覆盖。如果在，则判断输入框被输入法界面部分或完全覆盖。
在本实施例的一个优选实施方式中，当浏览网页中的输入框被点击、输入法界面从移动终端屏幕的顶端弹出时，处理装置212通过调用浏览器控件androidwebview中的系统函数getWindowVisibleDisplayFrame获取浏览网页可视区域的左上角坐标，得到输入法界面的下边缘位置。其中，浏览网页可视区域为移动终端屏幕显示的输入法界面的下方区域。
步骤S602：当输入框被输入法界面部分或完全覆盖时，处理装置212根据输入法界面的下边缘位置，确定输入框的目标位置。
在本步骤中，当输入框被输入法界面部分或全部覆盖时，处理装置212需要重新定位输入框的目标位置，使得输入框的目标位置位于输入法界面的下方，对用户完全可见。在本实施例一个优选的实施方式中，输入框的目标位置为使得输入框的上边缘位置与输入法界面的下边缘位置相重合的位置。
步骤S603：处理装置212通过滚动浏览网页和/或浏览画布，在所述目标位置处渲染输入框。
图7为本发明第二实施例提供的通过滚动浏览网页和/或浏览画布在目标位置处渲染输入框的流程示意图。参见图7，图6中步骤S603又进一步包括以下子步骤：
子步骤S6031：处理装置212计算浏览网页的上边缘位置与移动终端屏幕的上边缘位置之间的距离，作为第一距离；
子步骤S6032：处理装置212计算输入框在目标位置处的下边缘位置与输入框在当前位置处的下边缘位置之间的距离，作为第二距离；
子步骤S6033：处理装置212根据第一距离、第二距离，滚动浏览网页和/或浏览画布，在显示装置213上的所述目标位置处渲染输入框。所述渲染输入框指的是将所述输入框以图像的形式显示在显示装置213的屏幕上。
在本实施例的一个优选的实施方式中，处理装置212根据第一距离和第二距离，滚动浏览网页和/或浏览画布包括：
当第一距离等于零时，即浏览网页的上边缘位置与移动终端屏幕的上边缘位置重合时，处理装置212将浏览画布向下滚动第二距离，使得输入框位于所述目标位置；
当第一距离大于或等于第二距离时，处理装置212将浏览网页向下滚动第二距离，使得输入框位于所述目标位置；
当第一距离小于第二距离时，处理装置212计算第二距离与第一距离的差值，作为第三距离，先将浏览网页向下滚动第一距离，再将浏览画布向下滚动第三距离，使得输入框位于所述目标位置。
图8示出了本发明的第三实施例。
图8为本发明第三实施例提供的一种移动终端浏览器中输入框目标位置定位装置示意图。参见图8，输入框目标位置定位装置包括：判断模块801、定位模块802、渲染模块803。判断模块801，用于当用户点击浏览网页中的输入框、输入法界面从移动终端屏幕的底端弹出时，计算输入框与输入法界面的相对位置，判断输入框是否被所述输入法界面部分或完全覆盖；定位模块802，用于当输入框被输入法界面部分或完全覆盖时，根据输入法界面的上边缘位置，确定输入框的目标位置；渲染模块803，用于通过滚动所述浏览网页和/或浏览画布，在目标位置处渲染所述输入框。
在本实施例中，判断模块801通过计算输入框的下边缘位置是否在输入法界面的上边缘位置的下方，来判断输入框是否被输入法界面部分或完全覆盖。如果在，则判断输入框被输入法界面部分或完全覆盖。
当输入法界面弹出时，判断模块801通过调用浏览器控件androidwebview中的系统函数getWindowVisibleDisplayFrame获取浏览网页可视区域的左上角坐标、宽度及高度，计算输入法界面的上边缘位置：浏览网页可视区域左上角的纵坐标与浏览网页可视区域的高度之和。其中，浏览网页可视区域为移动终端屏幕显示的输入法界面的上方区域。
在本实施例中，所涉及的下边缘位置均指的是浏览网页的左上角（坐标系原点）到下边缘的垂直距离。
当判断模块801计算得出输入框的下边缘位置大于输入法界面的上边缘位置，即输入框的下边缘位置在输入法界面的上边缘位置的下方时，判断输入框被输入法界面部分或完全覆盖。
当然本领域的普通技术人员应该容易知道，本实施例中所涉及的下边缘位置及输入法界面的上边缘位置所处的坐标系并不限于浏览网页的左上角，例如也可以是浏览网页的左下角。此时，如判断模块801计算得出输入框的下边缘位置小于输入法界面的上边缘位置，即输入框的下边缘位置在输入法界面的上边缘位置的下方时，判断输入框被输入法界面部分或完全覆盖。
在本实施例中，当输入框被输入法界面部分或全部覆盖时，定位模块802需要重新定位输入框的目标位置，使得输入框的目标位置位于输入法界面的上方，对用户完全可见。在本实施例一个优选的实施方式中，输入框的目标位置为使得输入框的下边缘位置与输入法界面的上边缘位置相重合的位置。
在本实施例中，渲染模块803进一步包括：
第一计算子模块8031，用于计算浏览网页的下边缘位置与移动终端屏幕的下边缘位置之间的距离，作为第一距离；
第二计算子模块8032，用于计算输入框在目标位置处的下边缘位置与输入框在当前位置处的下边缘位置之间的距离，作为第二距离；
滚动渲染子模块8033，用于根据第一距离、第二距离，滚动浏览网页和/或浏览画布，在所述目标位置处渲染输入框。
在本实施例的一个优选实施方式中，滚动渲染子模块8033根据第一距离、第二距离，滚动浏览网页和/或浏览画布包括：
当第一距离等于零时，即浏览网页的下边缘位置与移动终端屏幕的下边缘位置重合时，将浏览画布向上滚动第二距离，使得输入框位于所述目标位置；
当第一距离大于或等于第二距离时，将浏览网页向上滚动第二距离，使得输入框位于所述目标位置；
当第一距离小于第二距离时，计算第二距离与第一距离的差值，作为第三距离，先将浏览网页向上滚动第一距离，再将浏览画布向上滚动第三距离，使得输入框位于所述目标位置。
图9示出了本发明的第四实施例。
图9为本发明第四实施例提供的一种移动终端浏览器中输入框目标位置定位装置示意图。参见图9，输入框目标位置定位装置包括：判断模块901、定位模块902、渲染模块903。判断模块901，用于当用户点击浏览网页中的输入框、输入法界面从移动终端屏幕的顶端弹出时，计算输入框与输入法界面的相对位置，判断输入框是否被所述输入法界面部分或完全覆盖；定位模块902，用于当输入框被输入法界面部分或完全覆盖时，根据输入法界面的下边缘位置，确定输入框的目标位置；渲染模块903，用于通过滚动所述浏览网页和/或浏览画布，在目标位置处渲染所述输入框。
在本实施例中，判断模块901通过计算输入框的上边缘位置是否在输入法界面的下边缘位置的上方，来判断输入框是否被输入法界面部分或完全覆盖。如果在，则判断输入框被输入法界面部分或完全覆盖。
当输入法界面弹出时，判断模块901通过调用浏览器控件androidwebview中的系统函数getWindowVisibleDisplayFrame获取浏览网页可视区域的左上角坐标，得到输入法界面的上边缘位置。其中，浏览网页可视区域为移动终端屏幕显示的输入法界面的下方区域。
在本实施例中，当输入框被输入法界面部分或全部覆盖时，定位模块902需要重新定位输入框的目标位置，使得输入框的目标位置位于输入法界面的下方，对用户完全可见。在本实施例一个优选的实施方式中，输入框的目标位置为使得输入框的上边缘位置与输入法界面的下边缘位置相重合的位置。
在本实施例中，渲染模块903进一步包括：
第一计算子模块9031，用于计算浏览网页的上边缘位置与移动终端屏幕的上边缘位置之间的距离，作为第一距离；
第二计算子模块9032，用于计算输入框在目标位置处的下边缘位置与输入框在当前位置处的下边缘位置之间的距离，作为第二距离；
滚动渲染子模块9033，用于根据第一距离、第二距离，滚动浏览网页和/或浏览画布，在所述目标位置处渲染输入框。
在本实施例的一个优选实施方式中，滚动渲染子模块9033根据第一距离、第二距离，滚动浏览网页和/或浏览画布包括：
当第一距离等于零时，即浏览网页的上边缘位置与移动终端屏幕的上边缘位置重合时，将浏览画布向下滚动第二距离，使得输入框位于所述目标位置；
当第一距离大于或等于第二距离时，将浏览网页向下滚动第二距离，使得输入框位于所述目标位置；
当第一距离小于第二距离时，计算第二距离与第一距离的差值，作为第三距离，先将浏览网页向下滚动第一距离，再将浏览画布向下滚动第三距离，使得输入框位于所述目标位置。
本发明提供的技术方案，在输入框被输入法界面部分或全部覆盖时，通过对浏览网页和/或浏览画布进行滚动，最终将输入框渲染在一个合理的目标位置进行显示，对用户完全可见，避免了当输入法界面从移动终端屏幕底端弹出时，输入框目标位置下方有时会出现空白区域的问题，且不妨碍用户查看输入框上方的验证码。
当然本领域的普通技术人员应该知道，当浏览网页中的输入框被点击、输入法界面从移动终端屏幕的其他位置弹出（例如从移动终端屏幕的左端或右端弹出）时，对输入框目标位置的定位方法及装置与本发明所提出的方法及装置类似，这里不再赘述。
以上实施例提供的技术方案中的全部或部分内容可以通过软件编程实现，其软件程序存储在可读取的存储介质中，存储介质例如：计算机中的硬盘、计算机只读存储器、光盘或软盘等。
以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
Claims (14)
1.一种移动终端浏览器中输入框目标位置定位方法，其特征在于，所述方法包括：
步骤S1：当浏览网页中的输入框被点击、输入法界面弹出时，计算所述输入框与所述输入法界面的相对位置，判断所述输入框是否被所述输入法界面部分或完全覆盖；
步骤S2：当所述输入框被所述输入法界面部分或完全覆盖时，根据所述输入法界面，确定所述输入框的目标位置；
步骤S3：通过滚动所述浏览网页和/或浏览画布，在所述目标位置处渲染所述输入框。
2.根据权利要求1所述的移动终端浏览器中输入框目标位置定位方法，其特征在于，所述步骤S1包括：
当浏览网页中的输入框被点击、输入法界面从移动终端屏幕的底端弹出时，计算所述输入框的下边缘位置是否在所述输入法界面的上边缘位置的下方，如果在，则判断所述输入框被所述输入法界面部分或完全覆盖。
3.根据权利要求2所述的移动终端浏览器中输入框目标位置定位方法，其特征在于，所述步骤S2包括：
当所述输入框被所述输入法界面部分或完全覆盖时，确定所述输入框的目标位置为使得所述输入框的下边缘位置与所述输入法界面的上边缘位置相重合的位置。
4.根据权利要求2所述的移动终端浏览器中输入框目标位置定位方法，其特征在于，所述步骤S3包括：
计算所述浏览网页的下边缘位置与移动终端屏幕的下边缘位置之间的距离，作为第一距离；
计算所述输入框在目标位置处的下边缘位置与所述输入框在当前位置处的下边缘位置之间的距离，作为第二距离；
根据所述第一距离和第二距离，滚动所述浏览网页和/或浏览画布，在所述目标位置处渲染所述输入框。
5.根据权利要求1所述的移动终端浏览器中输入框目标位置定位方法，其特征在于，所述步骤S1包括：
当浏览网页中的输入框被点击、输入法界面从移动终端屏幕的顶端弹出时，计算所述输入框的上边缘位置是否在所述输入法界面的下边缘位置的上方，如果在，则判断所述输入框被所述输入法界面部分或完全覆盖。
6.根据权利要求5所述的移动终端浏览器中输入框目标位置定位方法，其特征在于，所述步骤S2包括：
当所述输入框被所述输入法界面部分或完全覆盖时，确定所述输入框的目标位置为使得所述输入框的上边缘位置与所述输入法界面的下边缘位置相重合的位置。
7.根据权利要求5所述的移动终端浏览器中输入框目标位置定位方法，其特征在于，所述步骤S3包括：
计算所述浏览网页的上边缘位置与移动终端屏幕的上边缘位置之间的距离，作为第一距离；
计算所述输入框在目标位置处的下边缘位置与所述输入框在当前位置处的下边缘位置之间的距离，作为第二距离；
根据所述第一距离和第二距离，滚动所述浏览网页和/或浏览画布，在所述目标位置处渲染所述输入框。
8.一种移动终端浏览器中输入框目标位置定位装置，其特征在于，所述装置包括：
判断模块，用于浏览网页中的输入框被点击、输入法界面弹出时，计算所述输入框与所述输入法界面的相对位置，判断所述输入框是否被所述输入法界面部分或完全覆盖；
定位模块，用于当所述输入框被所述输入法界面部分或完全覆盖时，根据所述输入法界面，确定所述输入框的目标位置；
渲染模块，用于通过滚动所述浏览网页和/或浏览画布，在所述目标位置处渲染所述输入框。
9.根据权利要求8所述的移动终端浏览器中输入框目标位置定位装置，其特征在于，所述判断模块用于：
当浏览网页中的输入框被点击、输入法界面从移动终端屏幕的底端弹出时，计算所述输入框的下边缘位置是否在所述输入法界面的上边缘位置的下方，如果在，则判断所述输入框被所述输入法界面部分或完全覆盖。
10.根据权利要求9所述的移动终端浏览器中输入框目标位置定位装置，其特征在于，所述定位模块用于：
当所述输入框被所述输入法界面部分或完全覆盖时，确定所述输入框的目标位置为使得所述输入框的下边缘位置与所述输入法界面的上边缘位置相重合的位置。
11.根据权利要求9所述的移动终端浏览器中输入框目标位置定位装置，其特征在于，所述渲染模块包括：
第一计算子模块，用于计算所述浏览网页的下边缘位置与移动终端屏幕的下边缘位置之间的距离，作为第一距离；
第二计算子模块，用于计算所述输入框在目标位置处的下边缘位置与所述输入框在当前位置处的下边缘位置之间的距离，作为第二距离；
滚动渲染子模块，用于根据所述第一距离、第二距离，滚动所述浏览网页和/或浏览画布，在所述目标位置处渲染所述输入框。
12.根据权利要求8所述的移动终端浏览器中输入框目标位置定位装置，其特征在于，所述判断模块用于：
当浏览网页中的输入框被点击、输入法界面从移动终端屏幕的顶端弹出时，计算所述输入框的上边缘位置是否在所述输入法界面的下边缘位置的上方，如果在，则判断所述输入框被所述输入法界面部分或完全覆盖。
13.根据权利要求12所述的移动终端浏览器中输入框目标位置定位装置，其特征在于，所述定位模块用于：
当所述输入框被所述输入法界面部分或完全覆盖时，确定所述输入框的目标位置为使得所述输入框的上边缘位置与所述输入法界面的下边缘位置相重合的位置。
14.根据权利要求12所述的移动终端浏览器中输入框目标位置定位装置，其特征在于，所述渲染模块包括：
第一计算子模块，用于计算所述浏览网页的上边缘位置与移动终端屏幕的上边缘位置之间的距离，作为第一距离；
第二计算子模块，用于计算所述输入框在目标位置处的下边缘位置与所述输入框在当前位置处的下边缘位置之间的距离，作为第二距离；
滚动渲染子模块，用于根据所述第一距离、第二距离，滚动所述浏览网页和/或浏览画布，在所述目标位置处渲染所述输入框。
Priority Applications (3)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310116029.1A CN104102418B (zh) | 2013-04-03 | 2013-04-03 | 一种移动终端浏览器中输入框目标位置定位方法及装置 |
| PCT/CN2013/088677 WO2014161347A1 (en) | 2013-04-03 | 2013-12-05 | Method and device for relocating input box to target position in mobile terminal browser, and storage medium |
| US14/323,193 US10318605B2 (en) | 2013-04-03 | 2014-07-03 | Method and device for relocating input box to target position in mobile terminal browser, storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310116029.1A CN104102418B (zh) | 2013-04-03 | 2013-04-03 | 一种移动终端浏览器中输入框目标位置定位方法及装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104102418A true CN104102418A (zh) | 2014-10-15 |
| CN104102418B CN104102418B (zh) | 2015-08-26 |
Family
ID=51657531
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310116029.1A Active CN104102418B (zh) | 2013-04-03 | 2013-04-03 | 一种移动终端浏览器中输入框目标位置定位方法及装置 |
Country Status (3)
| Country | Link |
|---|---|
| US (1) | US10318605B2 (zh) |
| CN (1) | CN104102418B (zh) |
| WO (1) | WO2014161347A1 (zh) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104657040A (zh) * | 2015-02-13 | 2015-05-27 | 百度在线网络技术（北京）有限公司 | 在浏览器中自动调整输入框位置的方法及系统 |
| CN106201185A (zh) * | 2016-06-29 | 2016-12-07 | 北京海尔广科数字技术有限公司 | 一种浏览器中输入框的定位方法、装置及移动设备 |
| CN106354369A (zh) * | 2016-08-30 | 2017-01-25 | 乐视控股（北京）有限公司 | 字符输入界面显示处理方法及装置 |
| CN106502573A (zh) * | 2016-11-22 | 2017-03-15 | 天脉聚源(北京)传媒科技有限公司 | 一种视图界面移动的方法及装置 |
| CN106873862A (zh) * | 2016-08-23 | 2017-06-20 | 阿里巴巴集团控股有限公司 | 一种信息输入方法和装置 |
| CN107450843A (zh) * | 2017-08-21 | 2017-12-08 | 山东浪潮通软信息科技有限公司 | 一种输入框调整方法及一种移动终端 |
| CN107734196A (zh) * | 2017-11-28 | 2018-02-23 | 福建中金在线信息科技有限公司 | 防止键盘遮挡输入源的方法和系统 |
| CN108132716A (zh) * | 2017-12-05 | 2018-06-08 | 五八有限公司 | 浏览页的调整方法、设备及计算机可读存储介质 |
| CN109725821A (zh) * | 2018-12-29 | 2019-05-07 | 北京金山安全软件有限公司 | 一种组件显示方法及装置 |
| CN111143016A (zh) * | 2019-12-31 | 2020-05-12 | 维沃移动通信有限公司 | 显示方法及电子设备 |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105630187B (zh) * | 2014-11-07 | 2018-11-06 | 阿里巴巴集团控股有限公司 | 用户终端设备中html页面调用本地键盘的方法及其装置 |
| CN110955473B (zh) * | 2018-09-26 | 2023-10-31 | 北京国双科技有限公司 | 显示加载提示信息的方法及装置 |
| CN110427147B (zh) * | 2019-07-19 | 2021-06-04 | 无线生活（杭州）信息科技有限公司 | 一种页面位置定位方法及装置 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1206887A (zh) * | 1998-08-04 | 1999-02-03 | 英业达股份有限公司 | 根据光标位置改变输入视窗位置的方法 |
| JP2009237836A (ja) * | 2008-03-27 | 2009-10-15 | Sanyo Electric Co Ltd | 手書き入力パネルを備えた車載用電子装置 |
| CN102541411A (zh) * | 2010-12-26 | 2012-07-04 | 上海量明科技发展有限公司 | 一种输入法界面的调整方法及系统 |
| CN102945137A (zh) * | 2012-11-13 | 2013-02-27 | 广东欧珀移动通信有限公司 | 触摸式移动终端手写输入方法 |
Family Cites Families (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20060033724A1 (en) * | 2004-07-30 | 2006-02-16 | Apple Computer, Inc. | Virtual input device placement on a touch screen user interface |
| DE10035169A1 (de) * | 2000-07-19 | 2002-02-07 | Infineon Technologies Ag | Verfahren und Vorrichtung zum Testen von Setup-Zeit und Hold-Zeit von Signalen einer Schaltung mit getakteter Datenübertragung |
| US7036086B2 (en) * | 2001-01-04 | 2006-04-25 | Intel Corporation | Displaying software keyboard images |
| CN101853136A (zh) * | 2010-06-22 | 2010-10-06 | 上海合合信息科技发展有限公司 | 虚拟键盘及其动态调整方法、电子设备 |
| JP5067452B2 (ja) * | 2010-07-06 | 2012-11-07 | カシオ計算機株式会社 | 時刻情報取得装置および電波時計 |
| EP2625685B1 (en) * | 2010-10-05 | 2020-04-22 | Citrix Systems, Inc. | Display management for native user experiences |
| CN102063255B (zh) * | 2010-12-29 | 2013-07-31 | 百度在线网络技术（北京）有限公司 | 用于触摸屏的输入方法、触摸屏及装置 |
| US20130111391A1 (en) * | 2011-11-01 | 2013-05-02 | Microsoft Corporation | Adjusting content to avoid occlusion by a virtual input panel |
| US8607156B1 (en) * | 2012-08-16 | 2013-12-10 | Google Inc. | System and method for indicating overscrolling in a mobile device |
-
2013
- 2013-04-03 CN CN201310116029.1A patent/CN104102418B/zh active Active
- 2013-12-05 WO PCT/CN2013/088677 patent/WO2014161347A1/en active Application Filing
-
2014
- 2014-07-03 US US14/323,193 patent/US10318605B2/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1206887A (zh) * | 1998-08-04 | 1999-02-03 | 英业达股份有限公司 | 根据光标位置改变输入视窗位置的方法 |
| JP2009237836A (ja) * | 2008-03-27 | 2009-10-15 | Sanyo Electric Co Ltd | 手書き入力パネルを備えた車載用電子装置 |
| CN102541411A (zh) * | 2010-12-26 | 2012-07-04 | 上海量明科技发展有限公司 | 一种输入法界面的调整方法及系统 |
| CN102945137A (zh) * | 2012-11-13 | 2013-02-27 | 广东欧珀移动通信有限公司 | 触摸式移动终端手写输入方法 |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104657040A (zh) * | 2015-02-13 | 2015-05-27 | 百度在线网络技术（北京）有限公司 | 在浏览器中自动调整输入框位置的方法及系统 |
| CN106201185A (zh) * | 2016-06-29 | 2016-12-07 | 北京海尔广科数字技术有限公司 | 一种浏览器中输入框的定位方法、装置及移动设备 |
| CN106201185B (zh) * | 2016-06-29 | 2021-07-06 | 海尔优家智能科技（北京）有限公司 | 一种浏览器中输入框的定位方法、装置及移动设备 |
| US10860164B2 (en) | 2016-08-23 | 2020-12-08 | Advanced New Technologies Co., Ltd. | Information input method and apparatus |
| CN106873862A (zh) * | 2016-08-23 | 2017-06-20 | 阿里巴巴集团控股有限公司 | 一种信息输入方法和装置 |
| CN106354369A (zh) * | 2016-08-30 | 2017-01-25 | 乐视控股（北京）有限公司 | 字符输入界面显示处理方法及装置 |
| CN106502573A (zh) * | 2016-11-22 | 2017-03-15 | 天脉聚源(北京)传媒科技有限公司 | 一种视图界面移动的方法及装置 |
| CN107450843A (zh) * | 2017-08-21 | 2017-12-08 | 山东浪潮通软信息科技有限公司 | 一种输入框调整方法及一种移动终端 |
| CN107734196A (zh) * | 2017-11-28 | 2018-02-23 | 福建中金在线信息科技有限公司 | 防止键盘遮挡输入源的方法和系统 |
| CN108132716A (zh) * | 2017-12-05 | 2018-06-08 | 五八有限公司 | 浏览页的调整方法、设备及计算机可读存储介质 |
| CN108132716B (zh) * | 2017-12-05 | 2021-09-14 | 五八有限公司 | 浏览页的调整方法、设备及计算机可读存储介质 |
| CN109725821A (zh) * | 2018-12-29 | 2019-05-07 | 北京金山安全软件有限公司 | 一种组件显示方法及装置 |
| CN109725821B (zh) * | 2018-12-29 | 2021-06-18 | 北京金山安全软件有限公司 | 一种组件显示方法及装置 |
| CN111143016A (zh) * | 2019-12-31 | 2020-05-12 | 维沃移动通信有限公司 | 显示方法及电子设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| US10318605B2 (en) | 2019-06-11 |
| CN104102418B (zh) | 2015-08-26 |
| US20150007018A1 (en) | 2015-01-01 |
| WO2014161347A1 (en) | 2014-10-09 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104102418B (zh) | 一种移动终端浏览器中输入框目标位置定位方法及装置 | |
| US9672539B2 (en) | Advertisement generation apparatus and terminal device | |
| US10228835B2 (en) | Method for displaying information, and terminal equipment | |
| US10185488B2 (en) | Device and method for displaying information | |
| US20090002324A1 (en) | Method, Apparatus and Computer Program Product for Providing a Scrolling Mechanism for Touch Screen Devices | |
| US20190114043A1 (en) | Method, apparatus, and electronic device for displaying a page and storage medium | |
| US9792268B2 (en) | Zoomable web-based wall with natural user interface | |
| CN102411614A (zh) | 图像搜索结果的显示 | |
| CN103425747A (zh) | 对网页进行实时编辑的方法、装置与系统 | |
| CN103383603A (zh) | 信息处理的方法及电子设备 | |
| CN104571813A (zh) | 一种信息的显示方法及装置 | |
| CN110908555A (zh) | 一种图标显示方法及电子设备 | |
| CN105892794A (zh) | 一种浏览器界面显示方法及装置 | |
| JP5556461B2 (ja) | 情報閲覧端末装置、情報閲覧システム、情報閲覧プログラム及び情報閲覧方法 | |
| CN112099706A (zh) | 页面展示方法、装置、电子设备及计算机可读存储介质 | |
| CN103530026A (zh) | 网页弹出框定位方法和装置 | |
| EP3043251A1 (en) | Method of displaying content and electronic device implementing same | |
| CN108491152A (zh) | 基于虚拟光标的触屏终端操控方法、终端及介质 | |
| JP5997328B2 (ja) | プログラム及び端末装置 | |
| JP5805289B2 (ja) | 装置及び配信方法 | |
| CN106776634A (zh) | 一种用于网络访问的方法、装置及终端设备 | |
| KR101294458B1 (ko) | 모바일 디바이스에서의 텍스트 입력장치 및 그 방법 | |
| CN106569651A (zh) | 一种页面弹出层位置的定位方法及装置 | |
| CN110968236A (zh) | 基于网页的截图方法及装置 | |
| CN105279162A (zh) | 页面顶部输入框调整方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20240111 Address after: 518057, 35th Floor, Tencent Building, Keji Middle Road, High tech Zone, Shenzhen, Guangdong Province Patentee after: TENCENT TECHNOLOGY (SHENZHEN) Co.,Ltd. Patentee after: TENCENT CLOUD COMPUTING (BEIJING) Co.,Ltd. Address before: 2, 518044, East 403 room, SEG science and Technology Park, Zhenxing Road, Shenzhen, Guangdong, Futian District Patentee before: TENCENT TECHNOLOGY (SHENZHEN) Co.,Ltd. |