tWindowVisibleDisplayFrame检测到可视区域，所以可以使可视区域为页面顶部fixed元素的存在而变小，因为屏幕的高度本身是确定的，实际上变小后的可视区域的高度等于屏幕高度一 fixed元素的高度一其它部分的高度(例如输入法软键盘所占用的屏幕高度)。页面的可视区域变小，则页面顶部的输入框自然就向下移动，从而就可以使输入框显示在顶部fixed元素的下方。当用户点击该输入框时，生成的输入框控件覆盖原输入框位置，也即显示在顶部fixed元素的下方。
[0035]第二种，根据顶部fixed元素的高度，调整页面顶部区域的输入框被点击后生成的输入框控件的位置参数，以使所述输入框控件显示在所述顶部的固定屏幕位置的标签的下方。也即是对浏览器中该输入框控件的位置参数进行修改，当用户点击输入框时，使该输入框控件显示在顶部fixed元素的下方，同时将原页面上的输入框设置成不可见。
[0036]请参阅图4，其为调整显示位置后页面上输入框控件的示意图，值得注意的是，由于数组中保存的顶部的fixed元素可能有多个，所以输入框控件向下移动的距离至少要大于顶部的fixed元素的最大高度，这样可以确保输入框控件不会被顶部的fixed元素所覆盖。当然，除了上述两种设置方式，也可以采用其它方式来对输入框控件的显示位置进行调整，藉于浏览器页面显示技术是一项较为成熟的技术，在此便不再赘述。
[0037]请参阅图5，其为本发明实施例的另一种页面顶部输入框调整方法的流程图，其包括以下步骤:
[0038]S501，根据浏览器排版引擎对页面内容的解析，获取预设的用于保存fixed元素参数的数组。
[0039]S502,定义一顶部fixed元素参数，并设定该参数值等于false,即bTopFixedTag =false。
[0040]S503，设定一检测范围。
[0041]S504，遍历获取的所述数组，判断是否存在fixed元素的左上角处于设定的检测范围内。由于fixed元素通常显示为矩形，所以可以通过其左上角所处位置来判定是否可能覆盖页面顶部的输入框。由于本实施例是在判别fixed元素是否位于页面顶部区域，所以设定的该检测范围必然处于页面顶部区域中，例如该检测范围所覆盖的区域可以是该页面顶部区域的左半部分。根据统计，会覆盖到页面顶部输入框的fixed元素的左上角坐标(left, top) 一般都位于[0,0] — [10px, 10px]的范围内，所以本实施例优选将所述的检测范围设置成[0,0] — [ΙΟρχ,ΙΟρχ]。
[0042]S505,当存在fixed元素的标签的左上角处于设定的检测范围内，则将顶部fixed元素参数的值设置为true,即bTopFixedTag = true。
[0043]S506,遍历数组结束后，当顶部fixed元素参数的值设置为true,则将页面顶部区域的输入框被点击后生成的输入框控件设置成显示在所述fixed元素的下方。可以根据顶部的fixed元素的高度，调整页面可视区域的显示高度，并使页面顶部的输入框显示在顶部的固定屏幕位置的标签的下方。或者也可以根据顶部的fixed元素的高度，调整页面顶部区域的输入框被点击后生成的输入框控件的位置参数，以使所述输入框控件显示在所述顶部的固定屏幕位置的标签的下方。
[0044]通过本发明实施例的方法，可以识别出页面顶部区域是否存在fixed元素，如果存在fixed元素，则将页面顶部的输入框点击后生成的输入框控件移动到顶部fixed元素的下方，从而避免输入框控件被fixed元素覆盖而无法看到输入内容的情况发生，方便了用户的输入操作。
[0045]本发明实施例还提出一种页面顶部输入框调整装置，其应用于移动终端，请参阅图6，本实施例的装置包括:数组获取模块61、遍历模块62以及输入框调整模块63。
[0046]当用户通过浏览器打开网页时，数组获取模块61会根据浏览器排版引擎对页面内容的解析，获取预设的用于保存fixed元素参数的数组。
[0047]遍历模块62用于遍历数组获取模块61获取的数组，根据数组中各个fixed元素的位置参数，判断是否有fixed元素位于页面顶部区域。由于fixed元素通常显示为矩形，遍历模块62在遍历数组时，可以先在页面顶部区域中设定一个检测范围，然后提取出fixed元素左上角的位置参数(left和top参数)，判断fixed元素的左上角是否处在设定的检测范围内，检测范围可以根据实际需要来设定，例如[0，0] - [10px，10px]，如果某一个fixed元素的左上角在设定的检测范围内，则说明这个fixed元素是页面顶部的fixed元素。
[0048]遍历模块62遍历结束后，如果有fixed元素位于页面顶部区域，则输入框调整模块63将页面顶部区域的输入框被点击后生成的输入框控件设置成显示在顶部fixed元素的下方。输入框调整模块63可以根据所述顶部fixed元素的高度，调整页面可视区域的显示高度，并使页面顶部的输入框显示在顶部fixed元素的下方。或者，输入框调整模块也可以根据顶部fixed元素的高度，调整页面顶部区域的输入框被点击后生成的输入框控件的位置参数，以使所述输入框控件显示在所述顶部fixed元素的下方。
[0049]通过本发明实施例的装置，可以识别出页面顶部区域是否存在fixed元素，如果存在fixed元素，则将页面顶部的输入框点击后生成的输入框控件移动到顶部fixed元素的下方，从而避免输入框控件被fixed元素覆盖而无法看到输入内容的情况发生，方便了用户的输入操作。
[0050]通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本发明实施例可以通过硬件实现，也可以借助软件加必要的通用硬件平台的方式来实现。基于这样的理解，本发明实施例的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或网络设备等)执行本发明实施例各个实施场景所述的方法。
[0051]以上所述，仅是本发明的较佳实施例而已，并非对本发明作任何形式上的限制，虽然本发明已以较佳实施例揭露如上，然而并非用以限定本发明，任何熟悉本专业的技术人员，在不脱离本申请技术方案范围内，当可利用上述揭示的技术内容作出些许更动或修饰为等同变化的等效实施例，但凡是未脱离本申请技术方案内容，依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰，均仍属于本发明技术方案的范围内。
【主权项】
1.一种页面顶部输入框调整方法，其特征在于，包括: 根据浏览器排版引擎对页面内容的解析，获取预设的用于保存固定屏幕位置的标签参数的数组； 遍历获取的所述数组，判断是否有固定屏幕位置的标签位于页面顶部区域； 当有固定屏幕位置的标签位于页面顶部区域时，将页面顶部区域的输入框被点击后生成的输入框控件设置成显示在所述固定屏幕位置的标签的下方。2.如权利要求1所述的页面顶部输入框调整方法，其特征在于，所述遍历获取的所述数组，判断是否有固定屏幕位置的标签位于页面顶部区域的步骤包括: 在所述页面顶部区域中设定一检测范围； 遍历获取的所述数组，判断是否有固定屏幕位置的标签的左上角处于所述检测范围内。3.如权利要求2所述的页面顶部输入框调整方法，其特征在于，所述判断是否有固定屏幕位置的标签的左上角处于所述检测范围内的步骤包括:判断固定屏幕位置的标签的左上角坐标是否在[0,0] — [ΙΟρχ,ΙΟρχ]的范围内。4.如权利要求1所述的页面顶部输入框调整方法，其特征在于，所述将页面顶部区域的输入框被点击后生成的输入框控件设置成显示在所述顶部的固定屏幕位置的标签的下方的步骤包括:根据所述顶部的固定屏幕位置的标签的高度，调整页面可视区域的显示高度，并使页面顶部的输入框显示在顶部的固定屏幕位置的标签的下方。5.如权利要求1所述的页面顶部输入框调整方法，其特征在于，所述将页面顶部区域的输入框被点击后生成的输入框控件设置成显示在所述顶部的固定屏幕位置的标签的下方的步骤包括:根据所述顶部的固定屏幕位置的标签的高度，调整页面顶部区域的输入框被点击后生成的输入框控件的位置参数，以使所述输入框控件显示在所述顶部的固定屏幕位置的标签的下方。6.一种页面顶部输入框调整装置，其特征在于，包括: 数组获取模块，用于根据浏览器排版引擎对页面内容的解析，获取预设的用于保存固定屏幕位置的标签参数的数组； 遍历模块，用于遍历获取的所述数组，判断是否有固定屏幕位置的标签位于页面顶部区域； 输入框调整模块，用于当有固定屏幕位置的标签位于页面顶部区域，则将页面顶部区域的输入框被点击后生成的输入框控件设置成显示在所述固定屏幕位置的标签的下方。7.如权利要求6所述的页面顶部输入框调整装置，其特征在于，所述遍历模块遍历获取的所述数组时，先在所述页面顶部区域中设定一检测范围，再通过判断固定屏幕位置的标签的左上角是否处于所述检测范围内，来判断是否存在固定屏幕位置的标签位于页面顶部区域。8.如权利要求7所述的页面顶部输入框调整装置，其特征在于，所述遍历模块通过判断固定屏幕位置的标签的左上角是否处于[0，0] - [ΙΟρχ,ΙΟρχ]的范围内，来判断是否存在固定屏幕位置的标签位于页面顶部区域。9.如权利要求6所述的页面顶部输入框调整装置，其特征在于，所述输入框调整模块根据所述顶部的固定屏幕位置的标签的高度，调整页面可视区域的显示高度，并使页面顶部的输入框显示在顶部的固定屏幕位置的标签的下方。10.如权利要求6所述的页面顶部输入框调整装置，其特征在于，所述输入框调整模块根据所述顶部的固定屏幕位置的标签的高度，调整页面顶部区域的输入框被点击后生成的输入框控件的位置参数，以使所述输入框控件显示在所述顶部的固定屏幕位置的标签的下方。
【专利摘要】本发明提出一种页面顶部输入框调整方法及装置，其页面顶部输入框调整方法包括：根据浏览器排版引擎对页面内容的解析，获取预设的用于保存固定屏幕位置的标签参数的数组；遍历获取的所述数组，判断是否有固定屏幕位置的标签位于页面顶部区域；当有固定屏幕位置的标签位于页面顶部区域时，则将页面顶部区域的输入框被点击后生成的输入框控件设置成显示在所述固定屏幕位置的标签的下方。通过本发明的方案，可以避免顶部输入框的控件被顶部的固定屏幕位置的标签覆盖而无法看到输入内容的情况发生，方便了用户的输入操作。
【IPC分类】G06F17/30
【公开号】CN105279162
【申请号】CN201410260847
【发明人】舒玉强
【申请人】腾讯科技（深圳）有限公司
【公开日】2016年1月27日
【申请日】2014年6月12日