一种移动终端浏览器中输入框目标位置定位方法及装置制造方法及图纸

本发明专利技术公开了一种移动终端浏览器中输入框目标位置定位方法及装置，该方法包括：当用户点击浏览网页中的输入框、输入法界面弹出时，计算输入框与输入法界面的相对位置，判断输入框是否被输入法界面部分或完全覆盖；当输入框被输入法界面部分或完全覆盖时，根据输入法界面，确定输入框的目标位置；通过滚动浏览网页和/或浏览画布，在目标位置处渲染输入框。本发明专利技术能够使得当用户点击输入框、输入法界面弹出时，输入框能够在一个合理的位置进行显示，对用户完全可见。

【技术实现步骤摘要】
【专利摘要】本专利技术公开了一种移动终端浏览器中输入框目标位置定位方法及装置，该方法包括：当用户点击浏览网页中的输入框、输入法界面弹出时，计算输入框与输入法界面的相对位置，判断输入框是否被输入法界面部分或完全覆盖；当输入框被输入法界面部分或完全覆盖时，根据输入法界面，确定输入框的目标位置；通过滚动浏览网页和/或浏览画布，在目标位置处渲染输入框。本专利技术能够使得当用户点击输入框、输入法界面弹出时，输入框能够在一个合理的位置进行显示，对用户完全可见。【专利说明】一种移动终端浏览器中输入框目标位置定位方法及装置
本专利技术涉及移动通信
，尤其涉及一种移动终端浏览器中输入框目标位置 定位方法及装置。
技术介绍
近年来，随着移动通信技术的迅速发展，各种手持终端设备，如手机、个人数字助 理（PDA)已成为人们生活必不可少的电子设备。在使用手持终端设备中的浏览器浏览网页 时，诸多网页中通常会显示有输入框，需要用户进行信息输入。当用户点击网页中的某一输 入框时，浏览器通常会在手持终端设备屏幕的底端弹出输入法界面，供用户输入满足输入 框要求的信息。如果浏览网页给出的输入框的位置，即输入框的当前位置，处于手持终端 设备显示屏幕的下方，且当浏览器弹出该输入法界面时，输入法界面会覆盖输入框，导致用 户无法查看输入框中输入的信息。为此，需要重新定位输入框至一个合理的目标位置，使得 输入法界面弹出时，输入框对用户可见。 现有的基于系统浏览器的实现方法，通过在点击当前位置下的输入框之后，创建 一个控件覆盖在输入框位置，该方法主要适用于系统自绘输入法。但是，如果输入框的当前 位置处于手持终端设备显示屏幕的底部时，仍不能够将输入框显示在可视区域，影响用户 输入，且该方法不支持HTML中的contenteitable属性。 现有的基于估计值的输入框目标位置的定位方法，通过计算输入框当前位置处光 标的位置，并判断其是否处于手持终端设备显示屏幕的三分之一处或其他某一个位置(估 计值)，如果否，则计算距离差，并将浏览画布向上移动一个距离差，将输入框定位至一个合 理的目标位置。该方法解决了系统浏览器的实现方法存在的问题，主要适用于自绘输入法。 但是，仍有如下缺点：不能很好的适配各种分辨率的显示屏幕；如果输入框当前位置处于 手持终端设备显示屏幕的底部时，定位后输入框的目标位置下方经常会出现空白区域，严 重影响体验；如果当前位置下的输入框上方有验证码时，该方法很难给出一个合理的输入 框的目标位置，以便用户能够看到验证码。
技术实现思路
鉴于以上理由，本专利技术提出一种移动终端浏览器中输入框目标位置定位方法及装 置，来解决以上
技术介绍
部分提到的技术问题。 -种移动终端浏览器中输入框目标位置定位方法，所述方法包括： 步骤S1 :当浏览网页中的输入框被点击、输入法界面弹出时，计算所述输入框与 所述输入法界面的相对位置，判断所述输入框是否被所述输入法界面部分或完全覆盖； 步骤S2 :当所述输入框被所述输入法界面部分或完全覆盖时，根据所述输入法界 面，确定所述输入框的目标位置； 步骤S3 :通过滚动所述浏览网页和/或浏览画布，在所述目标位置处渲染所述输 入框。 进一步地，所述步骤S1包括： 当浏览网页中的输入框被点击、输入法界面从移动终端屏幕的底端弹出时，计算 所述输入框的下边缘位置是否在所述输入法界面的上边缘位置的下方，如果在，则判断所 述输入框被所述输入法界面部分或完全覆盖。 进一步地，所述步骤S2包括： 当所述输入框被所述输入法界面部分或完全覆盖时，确定所述输入框的目标位置 为使得所述输入框的下边缘位置与所述输入法界面的上边缘位置相重合的位置。 进一步地，所述步骤S3包括： 计算所述浏览网页的下边缘位置与移动终端屏幕的下边缘位置之间的距离，作为 第一距离； 计算所述输入框在目标位置处的下边缘位置与所述输入框在当前位置处的下边 缘位置之间的距离，作为第二距离； 根据所述第一距离和第二距离，滚动所述浏览网页和/或浏览画布，在所述目标 位置处渲染所述输入框。 对应地，本专利技术还提供了一种移动终端浏览器中输入框目标位置定位装置，所述 装置包括： 判断模块，用于浏览网页中的输入框被点击、输入法界面弹出时，计算所述输入框 与所述输入法界面的相对位置，判断所述输入框是否被所述输入法界面部分或完全覆盖； 定位模块，用于当所述输入框被所述输入法界面部分或完全覆盖时，根据所述输 入法界面，确定所述输入框的目标位置； 渲染模块，用于通过滚动所述浏览网页和/或浏览画布，在所述目标位置处渲染 所述输入框。 进一步地，所述判断模块用于： 当浏览网页中的输入框被点击、输入法界面从移动终端屏幕的底端弹出时，计算 所述输入框的下边缘位置是否在所述输入法界面的上边缘位置的下方，如果在，则判断所 述输入框被所述输入法界面部分或完全覆盖。 进一步地，所述定位模块用于： 当所述输入框被所述输入法界面部分或完全覆盖时，确定所述输入框的目标位置 为使得所述输入框的下边缘位置与所述输入法界面的上边缘位置相重合的位置。 进一步地，所述渲染模块包括： 第一计算子模块，用于计算所述浏览网页的下边缘位置与移动终端屏幕的下边缘 位置之间的距离，作为第一距离； 第二计算子模块，用于计算所述输入框在目标位置处的下边缘位置与所述输入框 在当前位置处的下边缘位置之间的距离，作为第二距离； 滚动渲染子模块，用于根据所述第一距离、第二距离，滚动所述浏览网页和/或浏 览画布，在所述目标位置处渲染所述输入框。 相较于现有技术，本专利技术在输入框被输入法界面部分或全部覆盖时，通过滚动浏 览网页和/或浏览画布，在目标位置处渲染输入框，使得输入框能够对用户完全可见，且避 免了当输入法界面从移动终端屏幕底端弹出时，输入框目标位置下方有时会出现空白区域 的问题，同时也不妨碍用户查看输入框上方的验证码。 【专利附图】【附图说明】 图1为本专利技术第一实施例提供的一种移动终端浏览器中输入框目标位置定位方 法的流程示意图； 图2为本专利技术移动终端浏览器中输入框目标位置定位方法的实施环境示意图； 图3为本专利技术第一实施例提供的输入法界面、移动终端屏幕、浏览网页、浏览网页 可视区域的位置示意图； 图4为本专利技术第一实施例提供的通过滚动浏览网页和/或浏览画布在目标位置处 渲染输入框的流程示意图； 图5为本专利技术第一实施例提供的第一距离、第二距离的计算示意图； 图6为本专利技术第二实施例提供的一种移动终端浏览器中输入框目标位置定位方 法的流程示意图； 图7为本专利技术第二实施例提供的通过滚动浏览网页和/或浏览画布在目标位置处 渲染输入框的流程示意图； 图8为本专利技术第三实施例提供的一种移动终端浏览器中输入框目标位置定位装 置的不意图； 图9为本专利技术第四实施例提供的一种移动终端浏览器中输入框目标位置定位装 置的示意图。 【具体实施方式】 下面结合附图和实施例对本专利技术作进一步的详细说明。可以理解的是，此处所描 述的具体实施例仅用于解释本专利技术，而非对本专利技术的限定。另外还需要说明的是本文档来自技高网...

【技术保护点】
一种移动终端浏览器中输入框目标位置定位方法，其特征在于，所述方法包括：步骤S1：当浏览网页中的输入框被点击、输入法界面弹出时，计算所述输入框与所述输入法界面的相对位置，判断所述输入框是否被所述输入法界面部分或完全覆盖；步骤S2：当所述输入框被所述输入法界面部分或完全覆盖时，根据所述输入法界面，确定所述输入框的目标位置；步骤S3：通过滚动所述浏览网页和/或浏览画布，在所述目标位置处渲染所述输入框。

【技术特征摘要】

【专利技术属性】
技术研发人员：舒玉强，任立斌，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44