CN105653112B - 一种显示浮层的方法及装置 - Google Patents
一种显示浮层的方法及装置 Download PDFInfo
- Publication number
- CN105653112B CN105653112B CN201410649387.3A CN201410649387A CN105653112B CN 105653112 B CN105653112 B CN 105653112B CN 201410649387 A CN201410649387 A CN 201410649387A CN 105653112 B CN105653112 B CN 105653112B
- Authority
- CN
- China
- Prior art keywords
- information input
- input box
- user
- clicked
- terminal
- 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.)
- Active
Links
Images
Abstract
本发明公开了一种显示浮层的方法及装置,属于互联网通信领域。所述方法包括:检测到用户点击表单的信息输入框时,获取所述用户点击的信息输入框;根据所述用户点击的信息输入框,扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域;在所述扩大的可视区域内显示所述用户点击的信息输入框的浮层。所述装置包括:第一获取模块、扩大模块和第一显示模块。本发明能够减少键盘对浮层中的内容的遮挡。
Description
技术领域
本发明涉及互联网通信领域,特别涉及一种显示浮层的方法及装置。
背景技术
在网页或应用程序中有很多表单,表单中包含多个信息输入框。在用户向表单中的信息输入框中填写内容时,终端可以显示该信息输入框的浮层给用户,该浮层中包含用户之前向该信息输入框填写的内容。如果用户需要填写的内容在该浮层中,则用户直接在该浮层中点击该内容,终端将该内容填写到该信息输入框中,如此能够帮助用户快速填写表单。
现有技术可以通过如下方法来显示信息输入框的浮层,包括:检测到用户点击表单中的某信息输入框时,获取用户之前向该信息输入框输入的内容,在该信息输入框下创建一下拉界面,将获取的内容显示在该下拉界面中,以实现显示该信息输入框的浮层。
在实现本发明的过程中,发明人发现现有技术至少存在以下问题:
当用户点击信息输入框时,终端会从屏幕的下方弹出一键盘,当该信息输入框与键盘之间的可视区域较小时,该键盘就会遮住浮层中部分内容或全部内容。
发明内容
为了减少键盘对浮层中的内容的遮挡,本发明提供了一种显示浮层的方法及装置。所述技术方案如下:
一种显示浮层的方法,所述方法包括:
检测到用户点击表单的信息输入框时,获取所述用户点击的信息输入框;
根据所述用户点击的信息输入框,扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域;
在所述扩大的可视区域内显示所述用户点击的信息输入框的浮层。
一种显示浮层的装置,所述装置包括:
第一获取模块,用于检测到用户点击表单的信息输入框时,获取所述用户点击的信息输入框;
扩大模块,用于根据所述用户点击的信息输入框,扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域;
第一显示模块,用于在所述扩大的可视区域内显示所述用户点击的信息输入框的浮层。
在本发明实施例中,通过扩大用户点击的信息输入框与终端显示的键盘之间的可视区域,如此就可以有更大的区域来显示用户点击的信息输入框的浮层,从而减少或避免键盘对浮层内容的遮挡。
附图说明
图1是本发明实施例1提供的一种显示浮层的方法流程图;
图2-1是本发明实施例2提供的一种显示浮层的方法流程图;
图2-2是本发明实施例2提供的第一种表单结构示意图;
图2-3是本发明实施例2提供的第二种表单结构示意图;
图2-4是本发明实施例2提供的第三种表单结构示意图;
图2-5是本发明实施例2提供的第四种表单结构示意图;
图2-6是本发明实施例2提供的第五种表单结构示意图;
图3是本发明实施例3提供的一种显示浮层的装置结构示意图;
图4是本发明实施例4提供的一种终端结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
实施例1
参见图1,本发明实施例提供了一种显示浮层的方法,包括:
步骤101:检测到用户点击表单的信息输入框时,获取用户点击的信息输入框。
步骤102:根据用户点击的信息输入框,扩大用户点击的信息输入框与终端显示的键盘之间的可视区域。
步骤103:在扩大的可视区域内显示用户点击的信息输入框的浮层。
优选的,上述步骤102可以包括:
1021:根据用户点击的信息输入框,获取该表单中除用户点击的信息输入框以外的其他信息输入框。
1022:在终端当前的可视区域内,隐藏获取的其他信息输入框。
1023:将用户点击的信息输入框移至该可视区域的顶部显示,以实现扩大用户点击的信息输入框与终端显示的键盘之间的可视区域。
优选的,上述步骤103可以包括:
1031:在扩大的可视区域内创建用户点击的信息输入框的下拉界面。
1032:获取用户点击的信息输入框的浮层信息。
1033:将该浮层信息显示在该下拉界面中。
进一步地,在获取用户点击的信息输入框之前,该方法还包括:
获取终端的当前可视区域,如果终端的当前可视区域的尺寸小于预设临界值,则执行获取用户点击的信息输入框的操作。
进一步地,该方法还包括:
检测出终端的输入焦点移出用户点击的信息输入框时,在终端当前的可视区域中显示该表单。
在本发明实施例中,通过扩大用户点击的信息输入框与终端显示的键盘之间的可视区域,如此就可以有更大的区域来显示用户点击的信息输入框的浮层,从而减少或避免键盘对浮层内容的遮挡。
实施例2
本发明提供了一种显示浮层的方法,其中,本发明实施例的执行主体可以为终端等,参见图2-1,该方法包括:
步骤201:在终端的可视区域内显示表单。
目前很多网页和应用程序中包含表单,表单中包含多个信息输入框。用户需要填写网页中的表单或应用程序中的表单时,可以在终端上打开需要填写的网页中的表单或应用程序中的表单,即终端在自身的可视区域内显示网页中的表单或应用程序中的表单。在此时,终端的可视区域与终端的屏幕大小相等。
当用户开始填写表单时,用户点击表单中的信息输入框。此时,终端的输入焦点便落在用户点击的信息输入框中,同时终端从其屏幕的下方弹出一键盘,用户便可以通过弹出的键盘向其点击的信息输入框中输入内容。
例如,参见图2-2所示的表单,该表单为一订单,终端在其可视区域内显示该表单,该表单中包括六个信息输入框,分别为“订单号”、“姓名”、“物品名”、“详细地址”、“联系电话”和“发票抬头”。其中,终端当前的可视频区域为其整个屏幕,所以可以在其整个屏幕内显示该表单,且在终端显示该表单时自动将订单号“75056820”填写在“订单号”信息输入框中。
参见图2-3,如果用户需要填写某个信息输入框时,用户点击该信息输入框。假设用户需要填写姓名,则用户可以点击“姓名”这个信息输入框。终端当检测出用户点击“姓名”这个信息输入框时,将输入焦点即光标落在“姓名”这个信息输入框中,同时终端会从其屏幕的下方弹出键盘。
步骤202:检测到用户点击表单的信息输入框时,获取终端的当前可视区域。
由于终端检测到用户点击表单的信息输入框时,终端会从其屏幕的下方弹出键盘,该键盘会覆盖一部分可视区域,所以在此时,终端的当前可视频区域为终端的屏幕顶部到该键盘之间的区域。例如,参见图2-3,终端弹出的键盘覆盖了终端的部分可视区域,此时,在终端的当前可视区域内只够显示“订单号”、“姓名”和“物品名”三个信息输入框,而在可视区域中显示的“详细地址”、“联系电话”和“发票抬头”这个三个信息输入框被键盘覆盖,所以终端的当前可视区域为终端的屏幕顶部到该键盘之间的区域。
步骤203:如果终端的当前可视区域的尺寸小于预设临界值,则获取用户点击的信息输入框。
终端的当前可视区域的尺寸可以为当前可视区域的高度。本步骤可以为:从终端的操作系统的函数库中调用用于获取可视区域的高度的函数,通过调用的函数获取终端的当前可视区域的高度,如果获取的高度小于预设临界值,则获取用户点击的信息输入框。
其中,用于获取可视区域的高度的函数可以为“document.body.offsetHeight()”函数,“document.body.offsetHeight()”函数是终端的操作系统的函数库内的一个函数。
当终端弹出键盘后,如果终端的当前可视区域的尺寸较小,即小于预设临界值,在用户点击的信息输入框与键盘之间的区域可能就没有足够大的区域来显示的用户点击的信息输入框的浮层,所以如果终端的当前可视区域的尺寸小于预设临界值,通过后续步骤来扩大在用户点击的信息输入框与键盘之间的区域。
步骤204:获取用户点击的信息输入框与终端的键盘之间的可视区域的高度,如果该高度小于预设阈值,则执行步骤205。
具体地,从表单中获取用户点击的信息输入框与表单顶部之间的第一高度以及当前可视区域的第二高度,当前可视区域为终端的键盘与终端屏幕的顶部之间的区域,且表单顶部与终端屏幕的顶部重合,根据第一高度和第二高度,计算出用户点击的信息输入框与终端的键盘之间的可视区域的高度,如果计算的高度小于预设阈值,则执行步骤205,如果计算的高度大于或等于预设阈值,表明有足够的区域来显示用户点击的信息输入框的浮层,从可以按目前的显示浮层的方法来显示用户点击的信息输入框的浮层。
步骤205:根据用户点击的信息输入框,获取表单中除用户点击的信息输入框以外的其他信息输入框。
例如,对于如图2-3所示的表单,用户点击的信息输入框为“姓名”信息输入框,获取该表单中除用户点击的“姓名”信息输入框以外的其他信息输入框包括“订单号”、“物品名”、“详细地址”、“联系电话”和“发票抬头”五个信息输入框。
步骤206:在终端当前的可视区域内,隐藏获取的其他信息输入框。
其中,网页或应用程序中包含一个选择器,该选择器是一种树形结构。该网页或应用程序中包括的每个表单在该选择器中分别对应一个节点,对于每个表单对应的节点,该节点中包含该表单的索引,该表单的索引用于唯一标识该表单,该表单对应的节点连接到该选择器中包括的一根节点上。对于该表单包括的每个信息输入框,该信息输入框也对应选择器中的一个节点,该信息输入框对应的节点是该表单对应的节点的子节点,在该信息输入框对应的节点中包含该信息输入框的索引,该信息输入框的索引用于唯一标识该信息输入框。
本步骤可以为:根据用户点击的信息输入框,确定用户点击的信息输入框所在的表单,根据确定的表单的索引在选择器中找出确定的表单对应的节点,在该表单对应的节点上设置一个标志,根据用户点击的信息输入框的索引,在该表单对应的节点的子节点中找出用户点击的信息输入框对应的节点,在该信息输入框对应的节点上设置一个标志。终端内的CSS(Cascading Style Sheets,层叠样式表)模块从该选择器的根节点开始逐层对该选择器中的节点进行实时检测,当检测出设置有标志的该表单对应的节点时,则获取该表单对应的节点的子节点,从获取的子节点中找出没有设置标志的子节点,找出的子节点即为该表单中除用户点击的信息输入框以外的其他每个信息输入框对应的节点,根据其他每个信息输入框对应的节点中的索引,在终端当前的可视区域内,分别隐藏其他每个信息输入框。
步骤207:将用户点击的信息输入框移至可视区域的顶部显示,以实现扩大用户点击的信息输入框与终端显示的键盘之间的可视区域。
例如,参见图2-4,在该终端的可视区域内隐藏“订单号”、“物品名”、“详细地址”、“联系电话”和“发票抬头”五个信息输入框,将用户点击的信息输入框“物品名”移至可视区域的顶部显示,如此扩大了用户点击的信息输入框与终端显示的键盘之间的可视区域。
步骤208:在扩大的可视区域内显示用户点击的信息输入框的浮层。
具体地,在扩大的可视区域内创建用户点击的信息输入框的下拉界面,获取用户点击的信息输入框的浮层信息,将该浮层信息显示在下拉界面中。
其中,该浮层信息包括用户向该信息输入框历史输入过的信息。用户每次通过键盘向信息输入框输入内容时,终端将输入的内容作为该信息输入框的浮层信息并存储在信息输入框的标识与浮层信息的对应关系关系中。
相应地,获取用户点击的信息输入框的浮层信息,可以为:
根据用户点击的信息输入框的标识,从已存储有信息输入框的标识与浮层信息的对应关系中获取对应的浮层信息,获取的浮层信息即为用户点击的信息输入框的浮层信息。
例如,在终端中存储有如表1所示的信息输入框的标识与浮层信息的对应关系,假设用户点击的信息输入框“姓名”的标识为ID2,根据用户点击的信息输入框的标识ID2,从如表1所示的信息输入框的标识与浮层信息的对应关系中找出对应的浮层信息为“ku”和“yucheng”。参见图2-5,在扩大的可视区域内,为用户点击的信息输入框“姓名”创造下拉界面,将找出的浮层信息“ku”和“yucheng”显示在该下拉界面中。
表1
在显示出用户点击的信息输入框的浮层时,如果用户需要填写的内容在该显示的浮层中,用户可以在该浮层中直接点击该内容。终端检测出用户点击内容,将该内容输入到用户点击的信息输入框中。如果用户需要填写的内容不在显示的浮层中,用户可以通过显示的键盘向其点击的信息输入框中输入内容。
当终端将内容输入到用户点击的信息输入框后,在可视区域中,用户点击除其点击的信息输入框的任何一个位置后,终端将输入焦点从用户点击的信息输入框中移出,此时需要通过如下步骤将隐藏的信息输入框重新显示出来。
步骤209:检测出输入焦点移出用户点击的信息输入框时,在终端当前的可视区域中显示表单。
当输入焦点移出用户点击的信息输入框时,终端收回其弹出的键盘,此时终端的当前可视区域为终端的屏幕区域。本步骤可以为:获取用户点击的信息输入框在该表单中的位置,在当前的可视区域中,根据该位置移动用户用户点击的信息输入框,以恢复用户点击的信息输入框在该表单中的位置,显示隐藏的信息输入框。
如果用户通过键盘向其点击的信息输入框中输入内容,则提取用户点击的信息输入框中的内容,将该内容作为一浮层信息并将用户点击的信息输入框的标识和该内容存储在信息输入框的标识与浮层信息的对应关系中。
例如,假设用户在图2-5所示的浮层中点击的内容“ku”。参见图2-6,终端将用户点击的内容“ku”输入到“姓名”信息输入框中。用户可以点击除“姓名”信息输入框以外的其他任何区域。终端在收回显示的键盘并将输入焦点从“姓名”信息输入框中移出,获取“姓名”信息输入框在该表单中的位置为第二行,根据该位置移动“姓名”信息输入框,并将隐藏的“订单号”、“物品名”、“详细地址”、“联系电话”和“发票抬头”五个信息输入框显示在当前可视区域中。
在本发明实施例中,获取除用户点击的信息输入框以外的其他信息输入框,隐藏其他信息输入框,并将用户点击的信息输入框移至当前可视区域的顶部,如此扩大了用户点击的信息输入框与终端显示的键盘之间的可视区域,就可以有更大的区域来显示用户点击的信息输入框的浮层,从而减少或避免键盘对浮层内容的遮挡。
实施例3
参见图3,本发明实施例提供了一种显示浮层的装置,包括:
第一获取模块301,用于检测到用户点击表单的信息输入框时,获取所述用户点击的信息输入框;
扩大模块302,用于根据所述用户点击的信息输入框,扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域;
第一显示模块303,用于在所述扩大的可视区域内显示所述用户点击的信息输入框的浮层。
优选的,所述扩大模块302包括:
第一获取单元,用于根据所述用户点击的信息输入框,获取所述表单中除所述用户点击的信息输入框以外的其他信息输入框;
隐藏单元,用于在所述终端当前的可视区域内,隐藏所述获取的其他信息输入框;
移动单元,用于将所述用户点击的信息输入框移至所述可视区域的顶部显示,以实现扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域。
优选的,所述显示模块303包括:
创建单元,用于在所述扩大的可视区域内创建所述用户点击的信息输入框的下拉界面;
第二获取单元,用于获取所述用户点击的信息输入框的浮层信息;
显示单元,用于将所述浮层信息显示在所述下拉界面中。
进一步地,所述装置还包括:
第二获取模块,用于获取所述终端的当前可视区域,如果所述终端的当前可视区域的尺寸小于预设临界值,则执行所述获取所述用户点击的信息输入框的操作。
进一步地,所述装置还包括:
第二显示模块,用于检测出终端的输入焦点移出所述用户点击的信息输入框时,在所述终端当前的可视区域中显示所述表单。
进一步地,所述装置还包括:
第二获取模块,用于获取所述用户点击的信息输入框与所述终端显示的链盘之间的可视区域的高度,如果所述高度小于预设阈值,则执行所述根据所述用户点击的信息输入框,扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域的操作。
在本发明实施例中,获取除用户点击的信息输入框以外的其他信息输入框,隐藏其他信息输入框,并将用户点击的信息输入框移至当前可视区域的顶部,如此扩大了用户点击的信息输入框与终端显示的键盘之间的可视区域,就可以有更大的区域来显示用户点击的信息输入框的浮层,从而减少或避免键盘对浮层内容的遮挡。
实施例4
参见图4,其示出了本发明实施例所涉及的具有触敏表面的终端结构示意图,该终端可以用于实施上述实施例中提供的显示浮层的方法。具体来讲:
终端900可以包括RF(Radio Frequency,射频)电路110、包括有一个或一个以上计算机可读存储介质的存储器120、输入单元130、显示单元140、传感器150、音频电路160、WiFi(wireless fidelity,无线保真)模块170、包括有一个或者一个以上处理核心的处理器180、以及电源190等部件。本领域技术人员可以理解,图4中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
RF电路110可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,交由一个或者一个以上处理器180处理;另外,将涉及上行的数据发送给基站。通常,RF电路110包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(Low Noise Amplifier,低噪声放大器)、双工器等。此外,RF电路110还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议,包括但不限于GSM(Global System of Mobile communication,全球移动通讯系统)、GPRS(General Packet Radio Service,通用分组无线服务)、CDMA(CodeDivision Multiple Access,码分多址)、WCDMA(Wideband Code Division MultipleAccess,宽带码分多址)、LTE(Long Term Evolution,长期演进)、电子邮件、SMS(ShortMessaging Service,短消息服务)等。
存储器120可用于存储软件程序以及模块,处理器180通过运行存储在存储器120的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器120可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据终端900的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器120可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器120还可以包括存储器控制器,以提供处理器180和输入单元130对存储器120的访问。
输入单元130可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,输入单元130可包括触敏表面131以及其他输入设备132。触敏表面131,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面131上或在触敏表面131附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏表面131可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器180,并能接收处理器180发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面131。除了触敏表面131,输入单元130还可以包括其他输入设备132。具体地,其他输入设备132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元140可用于显示由用户输入的信息或提供给用户的信息以及终端900的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元140可包括显示面板141,可选的,可以采用LCD(Liquid Crystal Display,液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)等形式来配置显示面板141。进一步的,触敏表面131可覆盖显示面板141,当触敏表面131检测到在其上或附近的触摸操作后,传送给处理器180以确定触摸事件的类型,随后处理器180根据触摸事件的类型在显示面板141上提供相应的视觉输出。虽然在图4中,触敏表面131与显示面板141是作为两个独立的部件来实现输入和输入功能,但是在某些实施例中,可以将触敏表面131与显示面板141集成而实现输入和输出功能。
终端900还可包括至少一种传感器150,比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板141的亮度,接近传感器可在终端900移动到耳边时,关闭显示面板141和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于终端900还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路160、扬声器161,传声器162可提供用户与终端900之间的音频接口。音频电路160可将接收到的音频数据转换后的电信号,传输到扬声器161,由扬声器161转换为声音信号输出;另一方面,传声器162将收集的声音信号转换为电信号,由音频电路160接收后转换为音频数据,再将音频数据输出处理器180处理后,经RF电路110以发送给比如另一终端,或者将音频数据输出至存储器120以便进一步处理。音频电路160还可能包括耳塞插孔,以提供外设耳机与终端900的通信。
WiFi属于短距离无线传输技术,终端900通过WiFi模块170可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图4示出了WiFi模块170,但是可以理解的是,其并不属于终端900的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器180是终端900的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在存储器120内的软件程序和/或模块,以及调用存储在存储器120内的数据,执行终端900的各种功能和处理数据,从而对手机进行整体监控。可选的,处理器180可包括一个或多个处理核心;优选的,处理器180可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器180中。
终端900还包括给各个部件供电的电源190(比如电池),优选的,电源可以通过电源管理系统与处理器180逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源190还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出,终端900还可以包括摄像头、蓝牙模块等,在此不再赘述。具体在本实施例中,终端900的显示单元是触摸屏显示器,终端900还包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行述一个或者一个以上程序包含用于进行以下操作的指令:
检测到用户点击表单的信息输入框时,获取所述用户点击的信息输入框;
根据所述用户点击的信息输入框,扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域;
在所述扩大的可视区域内显示所述用户点击的信息输入框的浮层。
优选的,所述根据所述用户点击的信息输入框,扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域,包括:
根据所述用户点击的信息输入框,获取所述表单中除所述用户点击的信息输入框以外的其他信息输入框;
在所述终端当前的可视区域内,隐藏所述获取的其他信息输入框;
将所述用户点击的信息输入框移至所述可视区域的顶部显示,以实现扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域。
优选的,所述在所述扩大的可视区域内显示所述用户点击的信息输入框的浮层,包括:
在所述扩大的可视区域内创建所述用户点击的信息输入框的下拉界面;
获取所述用户点击的信息输入框的浮层信息;
将所述浮层信息显示在所述下拉界面中。
进一步地,所述获取所述用户点击的信息输入框之前,还包括:
获取所述终端的当前可视区域,如果所述终端的当前可视区域的尺寸小于预设临界值,则执行所述获取所述用户点击的信息输入框的操作。
进一步地,所述方法还包括:
检测出终端的输入焦点移出所述用户点击的信息输入框时,在所述终端当前的可视区域中显示所述表单。
在本发明实施例中,获取除用户点击的信息输入框以外的其他信息输入框,隐藏其他信息输入框,并将用户点击的信息输入框移至当前可视区域的顶部,如此扩大了用户点击的信息输入框与终端显示的键盘之间的可视区域,就可以有更大的区域来显示用户点击的信息输入框的浮层,从而减少或避免键盘对浮层内容的遮挡。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (11)
1.一种显示浮层的方法,其特征在于,所述方法包括:
检测到用户点击表单的信息输入框时,获取所述用户点击的信息输入框;
根据所述用户点击的信息输入框,扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域;
在所述扩大的可视区域内显示所述用户点击的信息输入框的浮层;
其中,所述表单属于的网页或应用程序设有树形结构的选择器,所述网页或应用程序中包括的每个表单在所述选择器中分别对应一个节点,对于每个表单对应的节点,所述节点中包含所述表单的索引,所述表单的索引用于唯一标识所述表单,所述表单对应的节点连接到所述选择器中包括的一根节点上;对于所述表单包括的每个信息输入框,所述信息输入框也对应选择器中的一个节点,所述信息输入框对应的节点是所述表单对应的节点的子节点,在所述信息输入框对应的节点中包含所述信息输入框的索引,所述信息输入框的索引用于唯一标识所述信息输入框;
其中,所述根据所述用户点击的信息输入框,扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域,包括:
根据所述用户点击的信息输入框,确定所述用户点击的信息输入框所在的表单,根据所述表单的索引在所述选择器中找出所述表单对应的节点,在所述表单对应的节点上设置一个标志,根据所述用户点击的信息输入框的索引,在所述表单对应的节点的子节点中找出所述用户点击的信息输入框对应的节点,在所述信息输入框对应的节点上设置一个标志,以使所述终端内的层叠样式CSS模块从所述选择器的根节点开始逐层对所述选择器中的节点进行实时检测,当检测出设置有标志的所述表单对应的节点时,则获取所述表单对应的节点的子节点,从获取的子节点中找出没有设置标志的子节点,找出的子节点为所述表单中除用户点击的信息输入框以外的其他每个信息输入框对应的节点,根据所述其他每个信息输入框对应的节点中的索引,在所述终端当前的可视区域内,分别隐藏所述其他每个信息输入框;
将所述用户点击的信息输入框移至所述可视区域的顶部显示,以实现扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域。
2.如权利要求1所述的方法,其特征在于,所述在所述扩大的可视区域内显示所述用户点击的信息输入框的浮层,包括:
在所述扩大的可视区域内创建所述用户点击的信息输入框的下拉界面;
获取所述用户点击的信息输入框的浮层信息;
将所述浮层信息显示在所述下拉界面中。
3.如权利要求1或2所述的方法,其特征在于,所述获取所述用户点击的信息输入框之前,还包括:
获取所述终端的当前可视区域,如果所述终端的当前可视区域的尺寸小于预设临界值,则执行所述获取所述用户点击的信息输入框的操作。
4.如权利要求1所述的方法,其特征在于,所述方法还包括:
检测出终端的输入焦点移出所述用户点击的信息输入框时,在所述终端当前的可视区域中显示所述表单。
5.如权利要求1所述的方法,其特征在于,所述根据所述用户点击的信息输入框,扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域之前,还包括:
获取所述用户点击的信息输入框与所述终端显示的键盘之间的可视区域的高度,如果所述高度小于预设阈值,则执行所述根据所述用户点击的信息输入框,扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域的操作。
6.一种显示浮层的装置,其特征在于,所述装置包括:
第一获取模块,用于检测到用户点击表单的信息输入框时,获取所述用户点击的信息输入框;
扩大模块,用于根据所述用户点击的信息输入框,扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域;
第一显示模块,用于在所述扩大的可视区域内显示所述用户点击的信息输入框的浮层;
其中,所述表单属于的网页或应用程序设有树形结构的选择器,所述网页或应用程序中包括的每个表单在所述选择器中分别对应一个节点,对于每个表单对应的节点,所述节点中包含所述表单的索引,所述表单的索引用于唯一标识所述表单,所述表单对应的节点连接到所述选择器中包括的一根节点上;对于所述表单包括的每个信息输入框,所述信息输入框也对应选择器中的一个节点,所述信息输入框对应的节点是所述表单对应的节点的子节点,在所述信息输入框对应的节点中包含所述信息输入框的索引,所述信息输入框的索引用于唯一标识所述信息输入框;
其中,所述根据所述用户点击的信息输入框,扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域,包括:
根据所述用户点击的信息输入框,确定所述用户点击的信息输入框所在的表单,根据所述表单的索引在所述选择器中找出所述表单对应的节点,在所述表单对应的节点上设置一个标志,根据所述用户点击的信息输入框的索引,在所述表单对应的节点的子节点中找出所述用户点击的信息输入框对应的节点,在所述信息输入框对应的节点上设置一个标志,以使所述终端内的层叠样式CSS模块从所述选择器的根节点开始逐层对所述选择器中的节点进行实时检测,当检测出设置有标志的所述表单对应的节点时,则获取所述表单对应的节点的子节点,从获取的子节点中找出没有设置标志的子节点,找出的子节点为所述表单中除用户点击的信息输入框以外的其他每个信息输入框对应的节点,根据所述其他每个信息输入框对应的节点中的索引,在所述终端当前的可视区域内,分别隐藏所述其他每个信息输入框;
将所述用户点击的信息输入框移至所述可视区域的顶部显示,以实现扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域。
7.如权利要求6所述的装置,其特征在于,所述显示模块包括:
创建单元,用于在所述扩大的可视区域内创建所述用户点击的信息输入框的下拉界面;
第二获取单元,用于获取所述用户点击的信息输入框的浮层信息;
显示单元,用于将所述浮层信息显示在所述下拉界面中。
8.如权利要求6或7所述的装置,其特征在于,所述装置还包括:
第二获取模块,用于获取所述终端的当前可视区域,如果所述终端的当前可视区域的尺寸小于预设临界值,则执行所述获取所述用户点击的信息输入框的操作。
9.如权利要求6所述的装置,其特征在于,所述装置还包括:
第二显示模块,用于检测出终端的输入焦点移出所述用户点击的信息输入框时,在所述终端当前的可视区域中显示所述表单。
10.如权利要求6所述的装置,其特征在于,所述装置还包括:
第二获取模块,用于获取所述用户点击的信息输入框与所述终端显示的键盘之间的可视区域的高度,如果所述高度小于预设阈值,则执行所述根据所述用户点击的信息输入框,扩大所述用户点击的信息输入框与终端显示的键盘之间的可视区域的操作。
11.一种非易失性计算机可读存储介质,其特征在于,用于存储计算机程序,所述计算机程序通过处理器进行加载来执行如权利要求1至5任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410649387.3A CN105653112B (zh) | 2014-11-14 | 2014-11-14 | 一种显示浮层的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410649387.3A CN105653112B (zh) | 2014-11-14 | 2014-11-14 | 一种显示浮层的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105653112A CN105653112A (zh) | 2016-06-08 |
CN105653112B true CN105653112B (zh) | 2020-01-10 |
Family
ID=56479057
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410649387.3A Active CN105653112B (zh) | 2014-11-14 | 2014-11-14 | 一种显示浮层的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105653112B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107577388B (zh) * | 2017-08-29 | 2020-06-16 | 苏州麦迪斯顿医疗科技股份有限公司 | 输入界面的控制方法及装置 |
CN107734196A (zh) * | 2017-11-28 | 2018-02-23 | 福建中金在线信息科技有限公司 | 防止键盘遮挡输入源的方法和系统 |
CN109814965B (zh) * | 2019-01-10 | 2021-06-04 | 北京城市网邻信息技术有限公司 | H5页面的处理方法、装置、电子设备及存储介质 |
CN114296852A (zh) * | 2021-12-28 | 2022-04-08 | 挂号网(杭州)科技有限公司 | 一种显示目标页面的方法、装置、电子设备及存储介质 |
CN115329233B (zh) * | 2022-08-19 | 2023-05-16 | 润芯微科技(江苏)有限公司 | 手机网页表单辅助输入方法 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101075880A (zh) * | 2006-06-19 | 2007-11-21 | 腾讯科技(深圳)有限公司 | 一种浏览器的网址导航方法 |
CN103902137A (zh) * | 2012-12-25 | 2014-07-02 | 腾讯科技(深圳)有限公司 | 一种触摸设备的键盘调节方法和装置 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7106312B2 (en) * | 2003-11-10 | 2006-09-12 | Microsoft Corporation | Text input window with auto-growth |
US8564544B2 (en) * | 2006-09-06 | 2013-10-22 | Apple Inc. | Touch screen device, method, and graphical user interface for customizing display of content category icons |
-
2014
- 2014-11-14 CN CN201410649387.3A patent/CN105653112B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101075880A (zh) * | 2006-06-19 | 2007-11-21 | 腾讯科技(深圳)有限公司 | 一种浏览器的网址导航方法 |
CN103902137A (zh) * | 2012-12-25 | 2014-07-02 | 腾讯科技(深圳)有限公司 | 一种触摸设备的键盘调节方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN105653112A (zh) | 2016-06-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108415652B (zh) | 一种文本处理方法及移动终端 | |
WO2015154670A1 (en) | Method and apparatus for invoking application programming interface | |
EP2851779A1 (en) | Method, device, storage medium and terminal for displaying a virtual keyboard | |
CN106375179B (zh) | 一种显示即时通信消息的方法和装置 | |
CN105975190B (zh) | 一种图形界面的处理方法、装置及系统 | |
CN111142723B (zh) | 图标移动方法及电子设备 | |
CN110099296B (zh) | 一种信息显示方法及终端设备 | |
CN105302452B (zh) | 一种基于手势交互的操作方法及装置 | |
CN105653112B (zh) | 一种显示浮层的方法及装置 | |
CN108536509B (zh) | 一种应用分身方法及移动终端 | |
US11250046B2 (en) | Image viewing method and mobile terminal | |
CN110798397A (zh) | 文件发送方法、装置和电子设备 | |
CN110096203B (zh) | 一种截图方法及移动终端 | |
WO2014194688A1 (en) | Webpage processing method and terminal device | |
CN108984066B (zh) | 一种应用程序图标显示方法及移动终端 | |
CN104869465A (zh) | 视频播放控制方法和装置 | |
CN109189303B (zh) | 文本编辑方法及移动终端 | |
US20150205392A1 (en) | Display effect control using hovering detection of input device | |
CN111124709A (zh) | 一种文本处理方法及电子设备 | |
CN108196781B (zh) | 界面的显示方法和移动终端 | |
CN107479799B (zh) | 一种显示窗口的方法和装置 | |
CN111405043A (zh) | 信息处理方法、装置及电子设备 | |
CN109284146B (zh) | 一种轻应用开启方法及移动终端 | |
CN111061446A (zh) | 一种显示方法及电子设备 | |
CN110795002A (zh) | 一种截图方法及终端设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |