CN104571903A - 一种输入框切换方法及装置 - Google Patents

一种输入框切换方法及装置 Download PDF

Info

Publication number
CN104571903A
CN104571903A CN201310515898.1A CN201310515898A CN104571903A CN 104571903 A CN104571903 A CN 104571903A CN 201310515898 A CN201310515898 A CN 201310515898A CN 104571903 A CN104571903 A CN 104571903A
Authority
CN
China
Prior art keywords
input frame
data structure
shortcut
current input
handoff request
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.)
Pending
Application number
CN201310515898.1A
Other languages
English (en)
Inventor
舒玉强
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201310515898.1A priority Critical patent/CN104571903A/zh
Publication of CN104571903A publication Critical patent/CN104571903A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/954Navigation, e.g. using categorised browsing
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/12Use of codes for handling textual entities
    • G06F40/14Tree-structured documents

Abstract

本发明涉及一种输入框切换方法,包括以下步骤:构建步骤:在浏览器加载网页后,构建一有序数据结构,该有序数据结构中的数据元素与该网页中的输入框一一顺序对应;确定步骤:当接收到焦点定位的当前输入框的切换请求时,根据该有序数据结构及该切换请求确定目标输入框;切换步骤:控制焦点定位到该目标输入框,从而将该目标输入框切换为当前输入框。本发明还提供一种输入框切换装置。利用本发明可以提高确定及切换输入框的效率,并且具有良好的通用性。

Description

一种输入框切换方法及装置
技术领域
本发明具体实施例涉及网络通信技术领域,特别涉及一种输入框切换方法及装置。
背景技术
随着移动互联网及移动终端技术的发展,人们越来越习惯于使用移动终端来进行网页浏览以及信息交互。在进行网页浏览和信息交互时,经常需要通过移动终端所显示网页上的输入框来进行信息输入。为了便于用户操作,带有触摸屏的移动终端广泛普及。当需要通过移动终端的触摸屏向所述输入框进行输入时,通常需要先通过手指的触摸操作使焦点定位到当前输入框,然后调用输入法虚拟键盘对该当前输入框进行信息输入。当对该当前输入框输入完毕后,需要切换到另一输入框,即目标输入框进行输入时,需要再次通过手指的触摸操作使焦点定位到该目标输入框,从而使该目标输入框被切换为当前输入框,然后再对该当前输入框进行输入。这一过程可能需要多次滑动操作及定位操作,因此非常繁琐。
为了解决这一问题,现有的一些浏览器附加了输入框的快捷切换功能。例如,可以设置两个切换快捷键,用于当相应的切换快捷键被点击时,确定当前输入框的上一输入框或下一输入框为目标输入框,并将该目标输入框切换成当前输入框,供用户进行输入。针对该输入框的快捷切换功能中确定目标输入框的方法,一种现有方式是遍历网页对应的DOM(Document Object Model,文档对象模型)树,查找到该上一输入框或下一输入框对应的节点。然而,由于DOM树中各种类型的节点众多,有些甚至根本不可能是输入框对应的节点,因此通过遍历DOM树来确定该上一输入框或下一输入框对应节点的效率比较低。另一种现有方式是在该DOM树中查找特定类型的节点,例如form标签、card标签、fieldset标签、div标签等,该特定类型的节点通常可以用于实现网页的输入框。然而,可以用于实现输入框的节点类型众多,针对通过不同类型的节点实现输入框的网页,可能需要查找不同类型的节点,因此该方法无法通用。
发明内容
有鉴于此,有必要提供一种输入框切换方法及装置,可以提高确定及切换输入框的效率,并且具有良好的通用性。
一种输入框切换方法,包括以下步骤:构建步骤:在浏览器加载网页后,构建一有序数据结构,该有序数据结构中的数据元素与该网页中的输入框一一顺序对应;确定步骤:当接收到焦点定位的当前输入框的切换请求时,根据该有序数据结构及该切换请求确定目标输入框;切换步骤:控制焦点定位到该目标输入框,从而将该目标输入框切换为当前输入框。
一种输入框切换装置,包括:构建模块,用于在浏览器加载网页后,构建一有序数据结构,该有序数据结构中的数据元素与该网页中的输入框一一顺序对应;确定模块,用于当接收到焦点定位的当前输入框的切换请求时,根据该有序数据结构及该切换请求确定目标输入框;切换模块,用于控制焦点定位到该目标输入框,从而将该目标输入框切换为当前输入框。
相较于现有技术,本发明输入框切换方法及装置,先对应浏览器所加载网页中的输入框构建有序数据结构,当接收到当前输入框的切换请求时,可以根据该有序数据结构及该切换请求确定目标输入框,再将该目标输入框切换为当前输入框,从而可以提高确定及切换输入框的效率,并且具有良好的通用性。
为让本发明的上述和其他目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附图式,作详细说明如下。
附图说明
图1为一种移动终端的结构框图。
图2为本发明第一实施例提供的输入框切换方法的流程图。
图3为构建有序数据结构的方法流程图。
图4为当前输入框的切换请求发出方法的流程图。
图5和图6为切换快捷键和网页可视区域的示意图。
图7为本发明第二实施例提供的输入框切换方法的流程图。
图8为本发明第三实施例提供的输入框切换装置的框图。
具体实施方式
为更进一步阐述本发明为实现预定发明目的所采取的技术手段及功效,以下结合附图及较佳实施例,对依据本发明的具体实施方式、结构、特征及其功效,详细说明如后。
图1示出了一种移动终端的结构框图。如图1所示,移动终端1包括一个或多个(图中仅示出一个)存储器11、处理器12、存储控制器13、外设接口14、通信模块15、输入单元16及显示单元17。这些组件通过一条或多条通讯总线/信号线相互通讯。
本领域普通技术人员可以理解,图1所示的结构仅为示意,其并不对移动终端1的结构造成限定。例如,移动终端1还可包括比图1所示更多或者更少的组件,或者具有与图1所示不同的配置。图1所示的各组件可以采用硬件、软件或其组合实现。
存储器11可用于存储软件程序以及模块,如本发明实施例中的输入框切换方法及装置对应的程序指令/模块,处理器12通过运行存储在存储器11内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的输入框切换方法。
存储器11可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器11可进一步包括相对于处理器12远程设置的存储器,这些远程设置的存储器可以通过网络连接至移动终端1。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。处理器12以及其他可能的组件对存储器11的访问可在存储控制器13的控制下进行。
外设接口14将各种输入/输出装置耦合至处理器12以及存储器11。处理器12运行存储器11内的各种软件、指令以及执行移动终端1的各种功能以及进行数据处理。
通信模块15用于与通信网络或者其他设备进行通信。具体地,通信模块15例如可以是RF(Radio Frequency,射频)模块。RF模块用于接收以及发送电磁波,实现电磁波与电信号的相互转换,从而与通信网络或者其他设备进行通信。RF模块可包括各种现有的用于执行这些功能的电路元件,例如,天线、射频收发器、数字信号处理器、加密/解密芯片、用户身份模块(SIM)卡、存储器等等。RF模块可与各种网络如互联网、企业内部网、无线网络进行通信或者通过无线网络与其他设备进行通信。上述的无线网络可包括蜂窝式电话网、无线局域网或者城域网。上述的无线网络可以使用各种通信标准、协议及技术,包括但并不限于全球移动通信系统(Global System for Mobile Communication,GSM)、增强型移动通信技术(Enhanced Data GSM Environment,EDGE),宽带码分多址技术(wideband code division multiple access,W-CDMA),码分多址技术(Codedivision access,CDMA)、时分多址技术(time division multiple access,TDMA),无线保真技术(Wireless,Fidelity,WiFi)(如美国电气和电子工程师协会标准IEEE802.11a,IEEE802.11b,IEEE802.11g和/或IEEE802.11n)、网络电话(Voice over internet protocal,VoIP)、全球微波互联接入(Worldwide Interoperability for Microwave Access,Wi-Max)、其他用于邮件、即时通信及短消息的协议,以及任何其他合适的通信协议,甚至可包括那些当前仍未被开发出来的协议。
输入单元16可用于接收输入的字符信息,以及产生与用户设置以及功能控制有关的光学或者轨迹球信号输入。具体地,输入单元16可包括触控表面161。触控表面161可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控表面161上或在触控表面161附近的操作),并根据预先设定的程序驱动相应的连接装置。可选的,触控表面161可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器12,并能接收处理器12发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控表面161。
显示单元17用于显示由用户输入的信息、提供给用户的信息以及移动终端1的各种图形接口。这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。在一个实例中,显示单元17包括一个显示面板171。该显示面板171例如可为一个液晶显示面板(Liquid CrystalDisplay,LCD)、有机发光二极管(Organic Light-Emitting Diode Display,OLED)显示面板、电泳显示面板(Electro-Phoretic Display,EPD)等。进一步地,触控表面161可设置于显示面板171上从而与显示面板171构成一个整体。
第一实施例
参阅图2所示,本发明第一实施例提供一种输入框切换方法,其可由上述移动终端1执行,用于对移动终端1中浏览器所显示网页中的输入框进行切换。该移动终端1的具体实例包括但并不限于智能手机、平板电脑或者其他类似的运算装置。在本实施例中,该输入框切换方法包括以下步骤:
步骤S1,在浏览器加载网页后,构建一有序数据结构,该有序数据结构中的数据元素与该网页中的输入框一一顺序对应;
步骤S2,当接收到焦点定位的当前输入框的切换请求时,根据该有序数据结构及该切换请求确定目标输入框;
步骤S3,控制焦点定位到该目标输入框,从而将该目标输入框切换为当前输入框。
按照上述的输入框切换方法,先对应浏览器所加载网页中的输入框构建有序数据结构,当接收到当前输入框的切换请求时,可以根据该有序数据结构及该切换请求确定目标输入框,再将该目标输入框切换为当前输入框,从而可以提高确定及切换输入框的效率,并且具有良好的通用性。
在一些实例中,上述方法的各步骤的实现细节如下:
步骤S1所述的浏览器安装并运行于所述移动终端1中,用于从服务器获取并加载网页供用户浏览。该服务器通过网络与移动终端1连接并进行网络通信。该网络可为任意的无线网络连接方式,例如移动互联网(如电信运营商提供的2G、3G网络)、无线局域网等。该网页可以由文字、图片、动画、音乐等元素构成。为了便于与用户进行信息交互,该网页还可设置有若干输入框,用于接收用户的信息输入。该输入框例如可以是账号输入框、密码输入框、搜索关键字输入框、验证码输入框等。
在浏览器加载该网页后,步骤S1将构建所述有序数据结构,该有序数据结构中的数据元素与该网页中的输入框一一顺序对应。在本实施例中,该有序数据结构优选为二叉树,则该数据结构中的数据元素即为该二叉树的结点。具体而言,参阅图3所示,构建所述有序数据结构的过程包括以下步骤:
步骤S11,将该网页解析成DOM(Document Object Model,文档对象模型)树。该DOM树用于对网页的内容采取树结构的方式来组织及描述,不同的标签在网页中的位置决定了其在整颗DOM树的位置及属性。其中,该DOM树中的每一个可编辑节点对应于该网页的一个输入框。该可编辑节点例如包括text、url、password、number、email类型的input节点,textarea节点,以及contenteditable属性的节点等。该contenteditable属性的节点例如可以是子框架中的body、主框架中的div等。此外,该DOM树也可以包括一个或多个可变换成可编辑节点的动态变化节点。例如当在密码输入框中连续输错三次密码后才显示的验证码输入框在该DOM树中对应的动态变化节点。
步骤S12,对应该DOM树中的每一个可编辑节点及其在该DOM树中的位置构建所述有序数据结构。具体的,该有序数据结构中的每一个数据元素都唯一地对应于该DOM树中的一个可编辑节点,并且该有序数据结构中的数据元素按照对应可编辑节点在该DOM树中的位置,即该可编辑节点对应输入框在该网页中的位置进行排序。
例如,在该网页中,输入框A的位置在输入框B之前,输入框A在DOM树中对应可编辑节点C,输入框B在DOM树中对应可编辑节点D,则在该有序数据结构中,可编辑节点C对应的数据元素排在可编辑节点D对应的数据元素之前。
此外,若侦测到该DOM树中的某一动态变化节点变换为可编辑节点,则需要根据所变换的该可编辑节点及其在该DOM树中的位置重新构建所述有序数据结构。例如,若侦测到该动态变化节点的display属性值由false变成true,则判断该动态变化节点变换成可编辑节点,需要对应该所变换的可编辑节点生成一个新的数据元素,并根据该所变换的可编辑节点在该DOM树中的位置将该新的数据元素插入所述有序数据结构中,从而重新构建该有序数据结构。
步骤S2所述的当前输入框为该网页中焦点当前所定位的输入框。该焦点可以根据用户在所述触控表面161上的点触操作定位当前输入框,也可以根据后续步骤S3将目标输入框切换为当前输入框的操作定位当前输入框。所述当前输入框的切换请求是指使焦点重新定位到目标输入框,从而将目标输入框切换为当前输入框的请求。
在本实施例中,具体而言,参阅图4所示,步骤S2之前还可以包括当前输入框的切换请求的发出过程,其包括以下步骤:
步骤S21,当焦点定位到该当前输入框时,显示切换快捷键。该切换快捷键可以包括向上切换快捷键和向下切换快捷键。该向上切换快捷键用于将网页中当前输入框的上一输入框作为目标输入框,并将该目标输入框切换为当前输入框。该向下切换快捷键用于将网页中当前输入框的下一输入框作为目标输入框,并将该目标输入框切换为当前输入框。
在一个实例中,如图5所示,该切换快捷键可以包括一个“上一项”按钮301和一个“下一项”按钮302,其中该“上一项”按钮301对应该向上切换快捷键,该“下一项”按钮302对应该向下切换快捷键。在另一个实例中,如图6所示,该切换快捷键可以为一个下拉选择框303,该下拉选择框303中包括一个“上一项”下拉选项和一个“下一项”下拉选项,其中该“上一项”下拉选项对应该向上切换快捷键,该“下一项”下拉选项对应该向下切换快捷键。
此外,当焦点定位到该当前输入框时,还需要显示输入法虚拟键盘,用于接收用户的操作向当前输入框中输入信息。该输入法虚拟键盘将会占据所述显示单元17的一部分显示区域,从而遮挡住一部分所显示的网页。该显示单元17中未被输入法虚拟键盘占据而可以显示网页的显示区域被称为网页可视区域,如图5所示的网页可视区域304。在一个实例中,所述切换快捷键可以嵌入在该输入法虚拟键盘中显示,例如图5和图6所示。在另一个实例中,该切换快捷键还可以独立于输入法虚拟键盘显示在显示单元17的显示区域中。
步骤S22,根据该切换快捷键的触发事件发出所述切换请求。具体而言,该切换快捷键的触发事件包括向上切换快捷键的触发事件和向下切换快捷键的触发事件。当用户点击或选择该向上切换快捷键时,将发出该向上切换快捷键的触发事件。当用户点击或选择该向下切换快捷键时,将发出该向下切换快捷键的触发事件。
因此,步骤S22具体包括:
当接收到该向上切换快捷键的触发事件时,发出将当前输入框的上一输入框切换为当前输入框的切换请求;
当接收到该向下切换快捷键的触发事件时,发出将当前输入框的下一输入框切换为当前输入框的切换请求。
进入所述步骤S2,当接收到该当前输入框的切换请求时,根据该有序数据结构及该切换请求确定目标输入框。具体而言,当焦点定位到该当前输入框时,确定该当前输入框在该DOM树中对应的可编辑节点,并确定该可编辑节点在该有序数据结构中对应的数据元素,从而确定该当前输入框在该有序数据结构中对应的数据元素,称为当前数据元素。
若该切换请求是请求将当前输入框的上一输入框切换为当前输入框,则在该有序数据结构中查找到该当前数据元素的前一个数据元素,并确定该前一个数据元素在该DOM树中对应的可编辑节点,根据该前一个数据元素对应的可编辑节点即可确定所述上一输入框为目标输入框。
若该切换请求是请求将当前输入框的下一输入框切换为当前输入框,则在该有序数据结构中查找到该当前数据元素的后一个数据元素,并确定该后一个数据元素在该DOM树中对应的可编辑节点,根据该后一个数据元素对应的可编辑节点即可确定所述下一输入框为目标输入框。
步骤S3中,在控制焦点定位到该目标输入框之前,若该目标输入框当前并未显示在所述网页可视区域,即该显示单元17中未被输入法虚拟键盘占据而可以显示网页的显示区域中,则还需要先通过滚动网页或滚动移动终端1的画布,将该目标输入框显示在该网页可视区域中。
具体而言,通常输入法虚拟键盘将会占据显示单元17显示区域的下面部分,而该网页可视区域则在显示单元17显示区域的上面部分,如图5中网页可视区域304所示。因此,首先,可以获取该网页可视区域304在屏幕坐标系中的坐标,包括该网页可视区域304的上边缘及下边缘在屏幕坐标系中的坐标。该网页可视区域304的上边缘在屏幕坐标系中的坐标即显示单元17显示区域的上边缘在屏幕坐标系中的坐标。该网页可视区域304的下边缘在屏幕坐标系中的坐标即输入法虚拟键盘的上边缘在屏幕坐标系中的坐标。所述显示单元17显示区域的上边缘在屏幕坐标系中的坐标,以及输入法虚拟键盘的上边缘在屏幕坐标系中的坐标的获取方法都是非常成熟的现有技术,在此不再赘述。
其次,获取目标输入框在屏幕坐标系中的坐标。该目标输入框在屏幕坐标系中的坐标可以通过将该网页解析成Render树,然后从该Render树中直接获取得到。然后,根据该目标输入框在屏幕坐标系中的坐标及该网页可视区域304在屏幕坐标系中的坐标可以判断该目标输入框是否显示在该网页可视区域304中。若该目标输入框显示在该网页可视区域304中,则无需进行任何处理,直接执行所述步骤S3,控制焦点定位到该目标输入框,从而将该目标输入框切换为当前输入框。
若该目标输入框未显示在该网页可视区域304中,则需要根据该目标输入框在屏幕坐标系中的坐标及该网页可视区域304在屏幕坐标系中的坐标计算出该网页或移动终端1的画布需要滚动的方向和距离,以使该目标输入框显示在该网页可视区域304中。
具体而言,若计算出需要将网页在指定方向上滚动距离d1才能使目标输入框显示在该网页可视区域304中,而该网页在该指定方向上的最大可滚动距离为dmax。若dmax≥d1,则只需要将该网页在该指定方向上滚动距离d1就能使目标输入框显示在该网页可视区域304中。若dmax<d1,则需要将该网页在该指定方向上滚动距离dmax,并将该移动终端1的画布在该指定方向上滚动距离(d1-dmax)才能使目标输入框显示在该网页可视区域304中。使目标输入框显示在该网页可视区域304中之后,就可以执行所述步骤S3,控制焦点定位到该目标输入框,从而将该目标输入框切换为当前输入框。
值得注意的是,在步骤S3将该目标输入框切换为当前输入框的过程中,所显示的输入法虚拟键盘并不需要关闭显示,而是保持显示在所述显示单元17中。因此,当需要向切换后的当前输入框中输入信息时,也不需要再次进行开启显示输入法虚拟键盘的操作。
综上所述,本实施例的输入框切换方法,先对应浏览器所加载网页中的输入框构建有序数据结构,当接收到当前输入框的切换请求时,可以根据该有序数据结构及该切换请求确定目标输入框,即当前输入框的上一输入框或下一输入框。由于该有序数据结构中的数据元素与该网页中的输入框一一顺序对应,通过有序数据结构查找到该上一输入框或下一输入框对应的数据元素,进而查找到该上一输入框或下一输入框,相较于遍历DOM树才能查找到该上一输入框或下一输入框,具有更高的效率,并且具有良好的通用性。
第二实施例
本发明第一实施例提供的输入框切换方法中,当焦点定位到该当前输入框时,将显示切换快捷键。该切换快捷键包括向上切换快捷键和向下切换快捷键。该向上切换快捷键用于将网页中当前输入框的上一输入框作为目标输入框,并将该目标输入框切换为当前输入框。该向下切换快捷键用于将网页中当前输入框的下一输入框作为目标输入框,并将该目标输入框切换为当前输入框。
然而,若当前输入框为网页中的第一个输入框,则无法通过该向上切换快捷键将当前输入框的上一输入框切换为当前输入框。同样地,若当前输入框为网页中的最后一个输入框,则无法通过该向下切换快捷键将当前输入框的下一输入框切换为当前输入框。为了高效地判断当前输入框是否存在上/下一输入框,进而提示用户是否还可以通过切换快捷键将上/下输入框切换为当前输入框,参阅图7所示,本发明第二实施例提供一种输入框切换方法,其相较于第一实施例的输入框切换方法,所述步骤S21进一步包括:
步骤S211,根据该有序数据结构判断该当前输入框是否存在上/下一输入框。具体地,先确定当前输入框在该有序数据结构中对应的数据元素,即当前数据元素。然后判断在该有序数据结构中,该当前数据元素是否存在前一个数据元素或后一个数据元素。若该当前数据元素存在前一个数据元素,则判定当前输入框存在上一输入框。若当前数据元素存在后一个数据元素,则判定当前输入框存在下一输入框。
步骤S212,根据判断结果设定所显示的切换快捷键的状态,该状态包括可用和不可用。具体地,若当前输入框存在上一输入框,则将所述向上切换快捷键的状态设定为可用。若当前输入框不存在上一输入框,则将该向上切换快捷键的状态设定为不可用。若当前输入框存在下一输入框,则将该向下切换快捷键的状态设定为可用。若当前输入框不存在下一输入框,则将该向下切换快捷键的状态设定为不可用。
所述向上切换快捷键的触发事件在该向上切换快捷键处于可用状态时才会发生,所述向下切换快捷键的触发事件在该向下切换快捷键处于可用状态时才会发生。切换快捷键的可用状态和不可用状态还可以醒目地提示给用户。例如,若切换快捷键处于可用状态,则将切换快捷键上的字体显示为明亮的黑色。若切换快捷键处于不可用状态,则将切换快捷键上的字体显示为黯淡的灰色。
综上所述,本实施例的输入框切换方法,相较于第一实施例的输入框切换方法,可以进一步高效地判断当前输入框是否存在上/下一输入框,进而通过设定所显示的切换快捷键的状态来提示用户是否还可以通过切换快捷键将上/下输入框切换为当前输入框。
第三实施例
参阅图8所示,本发明第三实施例提供一种输入框切换装置100,其包括构建模块101、显示模块102、触发模块103、确定模块104和切换模块105。可以理解,上述的各模块是指计算机程序或者程序段,用于执行某一项或多项特定的功能。此外,上述各模块的区分并不代表实际的程序代码也必须是分开的。
构建模块101,用于在浏览器加载网页后,构建一有序数据结构,该有序数据结构中的数据元素与该网页中的输入框一一顺序对应。具体地,所述构建模块101在浏览器加载网页后,先将该网页解析成文档对象模型DOM树,该DOM树中的每一个可编辑节点对应于该网页的一个输入框。然后,对应该DOM树中的每一个可编辑节点及其在该DOM树中的位置构建所述有序数据结构。此外,当侦测到该DOM树中的动态变化节点变换为可编辑节点时,所述构建模块101还将根据所变换的该可编辑节点及其在该DOM树中的位置重新构建所述有序数据结构。该有序数据结构可以为二叉树。
显示模块102,用于当焦点定位到该当前输入框时,显示切换快捷键。该切换快捷键包括向上切换快捷键和向下切换快捷键。在一些实例中,显示模块102还用于根据该有序数据结构判断该当前输入框是否存在上/下一输入框,并根据判断结果设定所显示的切换快捷键的状态,该状态包括可用和不可用。此外,显示模块102还用于当焦点定位到该当前输入框时,显示输入法虚拟键盘。
触发模块103,用于根据该切换快捷键的触发事件发出所述切换请求。具体地,当接收到该向上切换快捷键的触发事件时,所述触发模块103发出将当前输入框的上一输入框切换为当前输入框的切换请求。当接收到该向下切换快捷键的触发事件时,所述触发模块103发出将当前输入框的下一输入框切换为当前输入框的切换请求。
确定模块104,用于当接收到焦点定位的当前输入框的切换请求时,根据该有序数据结构及该切换请求确定目标输入框。具体地,当接收到将当前输入框的上一输入框切换为当前输入框的切换请求时,所述确定模块104根据该有序数据结构及该切换请求确定该上一输入框为目标输入框。当接收到将当前输入框的下一输入框切换为当前输入框的切换请求时,所述确定模块104根据该有序数据结构及该切换请求确定该下一输入框为目标输入框。
切换模块105,用于控制焦点定位到该目标输入框,从而将该目标输入框切换为当前输入框。在控制焦点定位到该目标输入框前,切换模块105还需要将该目标输入框显示在移动终端的网页可视区域中。
此外,所述显示模块102还用于在所述切换模块105将该目标输入框切换为当前输入框的过程中保持显示该输入法虚拟键盘。
对于以上各模块的具体工作过程,可进一步参考本发明第一实施例和第二实施例提供的输入框切换方法,在此不再重复。
综上所述,本实施例的输入框切换装置100,先对应浏览器所加载网页中的输入框构建有序数据结构,当接收到当前输入框的切换请求时,可以根据该有序数据结构及该切换请求确定目标输入框,再将该目标输入框切换为当前输入框,从而可以提高确定及切换输入框的效率,并且具有良好的通用性。
此外,本发明实施例还提供一种计算机可读存储介质,其内存储有计算机可执行指令,上述的计算机可读存储介质例如为非易失性存储器例如光盘、硬盘、或者闪存。上述的计算机可执行指令用于让计算机或者类似的运算装置完成上述的输入框切换方法中的各种操作。
以上所述,仅是本发明的较佳实施例而已,并非对本发明作任何形式上的限制,虽然本发明已以较佳实施例揭示如上,然而并非用以限定本发明,任何本领域技术人员,在不脱离本发明技术方案范围内,当可利用上述揭示的技术内容做出些许更动或修饰为等同变化的等效实施例,但凡是未脱离本发明技术方案内容,依据本发明的技术实质对以上实施例所作的任何简介修改、等同变化与修饰,均仍属于本发明技术方案的范围内。

Claims (20)

1.一种输入框切换方法,其特征在于,该方法包括以下步骤:
构建步骤:在浏览器加载网页后,构建一有序数据结构,该有序数据结构中的数据元素与该网页中的输入框一一顺序对应;
确定步骤:当接收到焦点定位的当前输入框的切换请求时,根据该有序数据结构及该切换请求确定目标输入框;
切换步骤:控制焦点定位到该目标输入框,从而将该目标输入框切换为当前输入框。
2.如权利要求1所述的输入框切换方法,其特征在于,所述构建步骤包括:
在浏览器加载网页后,将该网页解析成文档对象模型DOM树,该DOM树中的每一个可编辑节点对应于该网页的一个输入框;
对应该DOM树中的每一个可编辑节点及其在该DOM树中的位置构建所述有序数据结构。
3.如权利要求2所述的输入框切换方法,其特征在于,所述构建步骤还包括:
当侦测到该DOM树中的动态变化节点变换为可编辑节点时,根据所变换的该可编辑节点及其在该DOM树中的位置重新构建所述有序数据结构。
4.如权利要求1所述的输入框切换方法,其特征在于,所述有序数据结构为二叉树。
5.如权利要求1所述的输入框切换方法,其特征在于,在所述确定步骤之前,还包括:
显示步骤:当焦点定位到该当前输入框时,显示切换快捷键;
触发步骤:根据该切换快捷键的触发事件发出所述切换请求。
6.如权利要求5所述的输入框切换方法,其特征在于,所述切换快捷键包括向上切换快捷键和向下切换快捷键;
所述触发步骤包括:
当接收到该向上切换快捷键的触发事件时,发出将当前输入框的上一输入框切换为当前输入框的切换请求;
当接收到该向下切换快捷键的触发事件时,发出将当前输入框的下一输入框切换为当前输入框的切换请求。
7.如权利要求6所述的输入框切换方法,其特征在于,所述确定步骤包括:
当接收到将当前输入框的上一输入框切换为当前输入框的切换请求时,根据该有序数据结构及该切换请求确定该上一输入框为目标输入框;
当接收到将当前输入框的下一输入框切换为当前输入框的切换请求时,根据该有序数据结构及该切换请求确定该下一输入框为目标输入框。
8.如权利要求6所述的输入框切换方法,其特征在于,所述显示步骤还包括:
根据该有序数据结构判断该当前输入框是否存在上/下一输入框;
根据判断结果设定所显示的切换快捷键的状态,该状态包括可用和不可用。
9.如权利要求5所述的输入框切换方法,其特征在于,所述显示步骤还包括:
显示输入法虚拟键盘,并且在所述切换步骤将该目标输入框切换为当前输入框的过程中保持显示该输入法虚拟键盘。
10.如权利要求1所述的输入框切换方法,其特征在于,所述切换步骤还包括:
将该目标输入框显示在移动终端的网页可视区域中。
11.一种输入框切换装置,其特征在于,该装置包括:
构建模块,用于在浏览器加载网页后,构建一有序数据结构,该有序数据结构中的数据元素与该网页中的输入框一一顺序对应;
确定模块,用于当接收到焦点定位的当前输入框的切换请求时,根据该有序数据结构及该切换请求确定目标输入框;
切换模块,用于控制焦点定位到该目标输入框,从而将该目标输入框切换为当前输入框。
12.如权利要求11所述的输入框切换装置,其特征在于,所述构建模块用于:
在浏览器加载网页后,将该网页解析成文档对象模型DOM树,该DOM树中的每一个可编辑节点对应于该网页的一个输入框;
对应该DOM树中的每一个可编辑节点及其在该DOM树中的位置构建所述有序数据结构。
13.如权利要求12所述的输入框切换装置,其特征在于,所述构建模块还用于:
当侦测到该DOM树中的动态变化节点变换为可编辑节点时,根据所变换的该可编辑节点及其在该DOM树中的位置重新构建所述有序数据结构。
14.如权利要求11所述的输入框切换装置,其特征在于,所述有序数据结构为二叉树。
15.如权利要求11所述的输入框切换装置,其特征在于,还包括:
显示模块,用于当焦点定位到该当前输入框时,显示切换快捷键;
触发模块,用于根据该切换快捷键的触发事件发出所述切换请求。
16.如权利要求15所述的输入框切换装置,其特征在于,所述切换快捷键包括向上切换快捷键和向下切换快捷键;
所述触发模块用于:
当接收到该向上切换快捷键的触发事件时,发出将当前输入框的上一输入框切换为当前输入框的切换请求;
当接收到该向下切换快捷键的触发事件时,发出将当前输入框的下一输入框切换为当前输入框的切换请求。
17.如权利要求16所述的输入框切换装置,其特征在于,所述确定模块用于:
当接收到将当前输入框的上一输入框切换为当前输入框的切换请求时,根据该有序数据结构及该切换请求确定该上一输入框为目标输入框;
当接收到将当前输入框的下一输入框切换为当前输入框的切换请求时,根据该有序数据结构及该切换请求确定该下一输入框为目标输入框。
18.如权利要求16所述的输入框切换装置,其特征在于,所述显示模块还用于:
根据该有序数据结构判断该当前输入框是否存在上/下一输入框;
根据判断结果设定所显示的切换快捷键的状态,该状态包括可用和不可用。
19.如权利要求15所述的输入框切换装置,其特征在于,所述显示模块还用于:
显示输入法虚拟键盘,并且在所述切换步骤将该目标输入框切换为当前输入框的过程中保持显示该输入法虚拟键盘。
20.如权利要求11所述的输入框切换装置,其特征在于,所述切换模块还用于:
将该目标输入框显示在移动终端的网页可视区域中。
CN201310515898.1A 2013-10-28 2013-10-28 一种输入框切换方法及装置 Pending CN104571903A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201310515898.1A CN104571903A (zh) 2013-10-28 2013-10-28 一种输入框切换方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310515898.1A CN104571903A (zh) 2013-10-28 2013-10-28 一种输入框切换方法及装置

Publications (1)

Publication Number Publication Date
CN104571903A true CN104571903A (zh) 2015-04-29

Family

ID=53088104

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310515898.1A Pending CN104571903A (zh) 2013-10-28 2013-10-28 一种输入框切换方法及装置

Country Status (1)

Country Link
CN (1) CN104571903A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107450808A (zh) * 2017-09-22 2017-12-08 北京知道创宇信息技术有限公司 一种浏览器的鼠标指针定位方法及计算设备
CN114691260A (zh) * 2020-12-31 2022-07-01 深圳融昕医疗科技有限公司 管理焦点的方法、计算机设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102024126A (zh) * 2009-09-18 2011-04-20 上海艾融信息科技有限公司 一种信息加密方法和装置
CN102364424A (zh) * 2011-06-30 2012-02-29 广州市动景计算机科技有限公司 用于定位输入框的方法、装置、浏览器及移动终端
CN102999580A (zh) * 2012-11-13 2013-03-27 北京奇虎科技有限公司 密码输入框元素处理方法及浏览器
CN103034711A (zh) * 2012-12-10 2013-04-10 北京金山安全软件有限公司 表单识别方法和装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102024126A (zh) * 2009-09-18 2011-04-20 上海艾融信息科技有限公司 一种信息加密方法和装置
CN102364424A (zh) * 2011-06-30 2012-02-29 广州市动景计算机科技有限公司 用于定位输入框的方法、装置、浏览器及移动终端
CN102999580A (zh) * 2012-11-13 2013-03-27 北京奇虎科技有限公司 密码输入框元素处理方法及浏览器
CN103034711A (zh) * 2012-12-10 2013-04-10 北京金山安全软件有限公司 表单识别方法和装置

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107450808A (zh) * 2017-09-22 2017-12-08 北京知道创宇信息技术有限公司 一种浏览器的鼠标指针定位方法及计算设备
CN114691260A (zh) * 2020-12-31 2022-07-01 深圳融昕医疗科技有限公司 管理焦点的方法、计算机设备及存储介质

Similar Documents

Publication Publication Date Title
CN102917023B (zh) 一种基于二维码访问网页的方法和移动终端
CN104092787B (zh) 基于dns的网络访问方法和系统
CN104348707A (zh) 一种会话消息查找方法、装置及系统
CN104978115A (zh) 内容显示方法及装置
CN110389807B (zh) 一种界面翻译方法、装置、电子设备及存储介质
JP2016527633A (ja) 2次元コード認識方法および装置
CN103376974A (zh) 一种窗口切换方法及装置
CN105302811A (zh) 浏览器页面跳转方法及装置
CN107567046B (zh) 一种小区接入方法及移动终端
CN104978267A (zh) 网页测试方法、终端及服务器
CN103246666B (zh) 网页访问方法及装置
CN104615414A (zh) 一种渠道包定制方法及装置
CN104899227A (zh) 一种网页文字渲染方法及装置
CN112817676B (zh) 信息处理方法和电子设备
CN105404458A (zh) 网页内容更新方法及装置
CN105389173A (zh) 一种基于长连接任务的界面切换展示方法及装置
CN103414628A (zh) 一种会话记录查阅方法及装置
CN103399794A (zh) 移动终端切换应用的方法及装置
CN103530160A (zh) 一种页面加载的方法和装置
CN104867095A (zh) 一种图像处理方法及装置
CN104978183A (zh) 一种图标构造方法,及终端设备
CN111767108A (zh) 应用程序标签生成方法、应用界面显示方法以及装置
CN104243429A (zh) 一种实现浏览器书签同步的方法、装置及系统
CN104424224A (zh) 一种文件索引存储方法及装置
CN105159764A (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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20150429