CN107193450A - 页面元素选择方法及装置 - Google Patents

页面元素选择方法及装置 Download PDF

Info

Publication number
CN107193450A
CN107193450A CN201710379263.1A CN201710379263A CN107193450A CN 107193450 A CN107193450 A CN 107193450A CN 201710379263 A CN201710379263 A CN 201710379263A CN 107193450 A CN107193450 A CN 107193450A
Authority
CN
China
Prior art keywords
page
visual elements
catalogue
chooses
operational order
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
Application number
CN201710379263.1A
Other languages
English (en)
Other versions
CN107193450B (zh
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.)
Beijing Sankuai Online Technology Co Ltd
Original Assignee
Beijing Sankuai Online Technology 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 Beijing Sankuai Online Technology Co Ltd filed Critical Beijing Sankuai Online Technology Co Ltd
Priority to CN201710379263.1A priority Critical patent/CN107193450B/zh
Publication of CN107193450A publication Critical patent/CN107193450A/zh
Application granted granted Critical
Publication of CN107193450B publication Critical patent/CN107193450B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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/0481Interaction 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
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • 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
    • 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/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0489Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using dedicated keyboard keys or combinations thereof

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明的目的在于提供一种页面元素选择方法及装置,其中方法包括:获取预设按键的第一操作指令;若该第一操作指令指向页面中的第一隐藏元素,则将页面中与第一隐藏元素相关联的预设可见元素,确定为用户在页面中选中的可见元素;其中,页面包括第一隐藏元素及与第一隐藏元素属于同一元素选中目录的多个可见元素,该预设可见元素为该多个可见元素中的一个,在预设按键的操作指令对应的元素选中顺序中,第一隐藏元素位于元素选中目录中的所有可见元素之后。通过本发明中的页面元素选择方法及装置,能够解决相关技术中利用tab键选择页面中的元素时,无法实现页面元素循环选择的问题。

Description

页面元素选择方法及装置
技术领域
本发明涉及Web界面技术领域,具体而言,涉及一种页面元素选择方法及装置。
背景技术
随着信息化时代的到来,互联网已经触及人们生活的各个角落。Web界面的设计趋势是在不牺牲可视信息量的情况下缩短页面屏长,降低信息的显示密度。在这种趋势下,利用tab元素进行页面交互成为越来越普遍的操作方式。
相关技术中的浏览器大多支持利用tab键选中页面中的各个元素这一功能。具体地,对于一个web页面,用户能够通过按下键盘上的tab键,从页面的第一个元素开始依次选中页面中的每个元素。元素可以是页面中显示的链接、按钮、控件等。
然而,相关技术中利用tab键选择页面中的元素时,只能够实现元素的单向选择,当选到页面中的最后一个元素时,再次按下tab键无法跳转到页面的第一个元素,无法实现元素的循环选择。
发明内容
有鉴于此,本发明的目的在于提供一种页面元素选择方法及装置,以解决相关技术中利用tab键选择页面中的元素时,无法实现元素的循环选择的问题。
第一方面,本发明实施例提供了一种页面元素选择方法,包括:获取预设按键的第一操作指令;若所述第一操作指令指向页面中的第一隐藏元素,则将所述页面中与所述第一隐藏元素相关联的预设可见元素,确定为用户在所述页面中选中的可见元素;其中,所述页面包括所述第一隐藏元素及与所述第一隐藏元素属于同一元素选中目录的多个可见元素,所述预设可见元素为所述多个可见元素中的一个,在所述预设按键的操作指令对应的元素选中顺序中,所述第一隐藏元素位于所述元素选中目录中的所有可见元素之后。
结合第一方面,本发明实施例还提供了第一方面第一种可能的实施方式,其中,所述方法还包括:若所述第一隐藏元素为聚焦状态,则所述第一操作指令指向所述第一隐藏元素。
结合第一方面,本发明实施例还提供了第一方面第二种可能的实施方式,其中,所述预设可见元素为所述多个可见元素中,所述预设按键的操作指令对应的元素选中顺序中的第一个可见元素。
结合第一方面,本发明实施例还提供了第一方面第三种可能的实施方式,其中,所述页面包括web页面,所述第一隐藏元素和每个可见元素均位于所述web页面的浏览区内。
结合第一方面,本发明实施例还提供了第一方面第四种可能的实施方式,其中,所述元素选中目录为所述页面的一级目录或者所述页面的子级目录。
结合第一方面第四种可能的实施方式,本发明实施例还提供了第一方面第五种可能的实施方式,其中,所述方法还包括:在激活所述页面的子级目录时,选中所述子级目录中预设的第二隐藏元素;获取所述预设按键的第二操作指令,根据所述第二操作指令,在所述子级目录中,选中所述预设按键的操作指令对应的元素选中顺序中的第一个可见元素。
结合第一方面上述的实施方式,本发明实施例还提供了第一方面第六种可能的实施方式,其中,所述方法还包括:监听用户对选中的可见元素发起的键盘事件;若监听到的键盘事件为预设的键盘事件,则执行选中的可见元素对应的操作。
第二方面,本发明实施例还提供了一种页面元素选择装置,包括:获取模块,用于获取预设按键的第一操作指令;确定模块,用于若所述第一操作指令指向页面中的第一隐藏元素,则将所述页面中与所述第一隐藏元素相关联的预设可见元素,确定为用户在所述页面中选中的可见元素;其中,所述页面包括所述第一隐藏元素及与所述第一隐藏元素属于同一元素选中目录的多个可见元素,所述预设可见元素为所述多个可见元素中的一个,在所述预设按键的操作指令对应的元素选中顺序中,所述第一隐藏元素位于所述元素选中目录中的所有可见元素之后。
第三方面,本发明实施例还提供了一种计算机设备,包括存储器和处理器,所述存储器上存储有可在所述处理器上运行的计算机程序,所述处理器运行所述计算机程序时执行上述第一方面及其实施方式所述的方法。
第四方面,本发明实施例还提供了一种计算机存储介质,所述计算机存储介质上存储有计算机程序,所述计算机程序被处理器运行时执行上述第一方面及其实施方式所述的方法。
本发明实施例中的页面元素选择方法及装置,获取到预设按键的第一操作指令后,判断该第一操作指令是否指向元素选中目录中的第一隐藏元素,若是,则说明用户已经选择完元素选中目录中的所有可见元素,这种情况下,将元素选中目录中与第一隐藏元素相关联的预设可见元素,确定为用户在页面中选中的可见元素,从而实现页面中同一元素选中目录中所有可见元素的循环选择,解决相关技术中利用tab键选择页面中的元素时,无法实现元素的循环选择的问题。
为使本发明的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本发明的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1为本发明实施例提供的页面元素选择方法的第一种流程示意图;
图2为本发明实施例提供的页面元素选择方法的第二种流程示意图;
图3为本发明实施例提供的页面元素选择装置的模块组成示意图;
图4为本发明实施例提供的计算机设备的模块组成示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围,而是仅仅表示本发明的选定实施例。基于本发明的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
考虑到相关技术中利用tab键选择页面中的元素时,只能够实现元素的单向选择,当选到页面中的最后一个元素时,再次按下tab键无法跳转到页面的第一个元素,无法实现元素的循环选择,本发明提供了一种页面元素选择方法及装置,下面结合实施例进行具体描述。
图1为本发明实施例提供的页面元素选择方法的第一种流程示意图,该方法能够由用户处的计算机终端执行,如图1所示,该方法至少包括以下步骤:
步骤S102,获取预设按键的第一操作指令。
本实施例中,预设按键可以为键盘上的任意按键,用户可以根据需要进行设置,优选地,预设按键为tab键。
用户按下键盘上的预设按键,向计算机终端发送预设按键的第一操作指令,计算机终端接收预设按键的第一操作指令。该预设按键的第一操作指令是键盘中的预设按键被按下时,键盘生成的电信号,键盘将该电信号作为预设按键的第一操作指令通过有线或无线形式发送到计算机终端,计算机终端接收预设按键的第一操作指令。
步骤S104,若该第一操作指令指向页面中的第一隐藏元素,则将页面中与第一隐藏元素相关联的预设可见元素,确定为用户在页面中选中的可见元素。
其中,该页面包括第一隐藏元素及与第一隐藏元素属于同一元素选中目录的多个可见元素,上述预设可见元素为该多个可见元素中的一个,在预设按键的操作指令对应的元素选中顺序中,第一隐藏元素位于元素选中目录中的所有可见元素之后。
考虑到用户大多需要在web页面中循环选择元素,本实施例中,页面包括web页面,即在计算机终端上打开浏览器后显示的页面。页面上包括多个能够被预设按键选中的可见元素,这些可见元素可以是图标、控件、按钮、网页链接等。这里的“可见”指的是对用户可见。这些可见元素按照彼此之间的层级关系划分在多个目录内,具体地,打开web页面后,用户直接看到的可见元素共同组成一级目录,当用户触发一级目录中的某个可见元素后,若出现从属于该可见元素的多个可见元素,如用户触发页面上的图标“行政区”后,页面上出现从属于图标“行政区”的多个可见元素,“朝阳区”、“海淀区”、“丰台区”等,则这些从属于一级目录中同一可见元素的所有可见元素共同组成第一层子级目录,若用户触发第一层子级目录中的某个可见元素后,页面上还出现从属于该可见元素的多个可见元素,则这些从属于第一层子级目录中同一可见元素的所有可见元素共同组成一个第二层子级目录,第二层子级目录可以为多个。以此类推,确定第三层子级目录和第四层子级目录等,第三层子级目录和第四层子级目录均可以为多个。为方便描述,本实施例中将每层子级目录都简称为子级目录,基于此,能够理解,页面中包括一个一级目录,还可以包括至少一个子级目录,这些子级目录之间可能存在从属关系(如第二级子级目录从属于第一级子级目录中的某个可见元素)。
比如,一种具体的页面结构中,包括一级目录,一级目录中有A、B、C、D五个可见元素,打开页面后,用户能够直接看见这五个可见元素。页面还包括从属于可见元素A的子级目录和从属于可见元素D的子级目录,其中,从属于可见元素A的子级目录包括A1、A2、A3三个可见元素,从属于可见元素D的子级目录包括D1、D2两个可见元素,且,页面还包括从属于可见元素D1的子级目录,从属于可见元素D1的子级目录包括D11、D12、D13三个可见元素。该页面结构中,包括一个一级目录和三个子级目录,三个子级目录中有一个子级目录(从属于可见元素D1的子级目录)从属于另一个子级目录(从属于可见元素D的子级目录),有两个子级目录(从属于可见元素A的子级目录、从属于可见元素D的子级目录)平级。可以理解的是,如果页面中某个可见元素存在子级目录,则用户触发该可见元素后,该可见元素的子级目录中的可见元素才会被浏览器渲染并显示。
需要说明的是,当预设按键为tab键时,由于本实施例中的可见元素能够被tab键选中,因此本实施例中的可见元素具有大于等于零的tabindex属性值,如果可见元素不具有大于等于零的tabindex属性值,将无法被tab键选择。一种优选的实施方式中,同一层目录中的可见元素具有相同的且唯一的tabindex属性值,比如,一级目录中的可见元素的tabindex属性值为1,第一层子级目录中的可见元素的tabindex属性值为2,第二层子级目录中的可见元素的tabindex属性值为3,以此类推。
在底层实现时,每个web页面对应一个DOM(Document Object Model,文档对象模型)层次模型。DOM层次模型又可以称为DOM树,DOM层次模型包括多个节点,每个节点对应页面中一个能够被预设按键选中的可见元素,各个节点按照页面中各个可见元素的层级关系设置。可以理解,若页面中存在不能够被预设按键选中的元素,则这些元素不设置在DOM层次模型中。
本实施例中,页面上具有元素选中目录,该元素选中目录中的可见元素能够被预设按键选中,该元素选中目录可以是页面的一级目录,还可以是页面的子级目录,只要是其中的可见元素能够被预设按键选中的目录,都可以作为元素选中目录。
本实施例中,元素选中目录包括第一隐藏元素和多个可见元素,第一隐藏元素对用户不可见。这些可见元素在被预设按键选中时,具有固定的选中顺序,如三个可见元素M、N、P,用户第一次按下预设按键,先选中M,用户第二次按下预设按键,选中N,用户第三次按下预设按键,选中P。该顺序是页面在编写过程中预先定义好的,该顺序通常也反应了可见元素在页面中的排列位置,通常先被选中的可见元素在页面的上部,后被选中的可见元素在页面的下部。该顺序称为预设按键的操作指令对应的元素选中顺序。
本实施例中,在预设按键的操作指令对应的元素选中顺序中,同一元素选中目录中的第一隐藏元素位于所有可见元素之后,也就是说,用户每次按下预设按键,逐一选择完元素选中目录中的所有可见元素后,再次按下预设按键,才选中第一隐藏元素。第一隐藏元素还与元素选中目录中一个预设可见元素相关联。
本发明实施例中的页面元素选择方法,获取到预设按键的第一操作指令后,判断该第一操作指令是否指向元素选中目录中的第一隐藏元素,若是,则说明用户已经选择完元素选中目录中的所有可见元素,这种情况下,将元素选中目录中与第一隐藏元素相关联的预设可见元素,确定为用户在页面中选中的可见元素,从而实现页面中同一元素选中目录中所有可见元素的循环选择,解决相关技术中利用tab键选择页面中的元素时,无法实现元素的循环选择的问题。
通过本实施例中的方法,能够实现预设按键在同一层级目录中的循环遍历,本实施例中,还为每个可见元素添加样式,如增加边框或者高亮显示,并在用户选中某个可见元素时,显示用户选中的可见元素的样式,从而使用户区分出当前选中哪个可见元素。优选地,不同层级目录中的可见元素的样式不同,从而方便区分不同层级的可见元素之间的差别。
由于页面在底层实现时,可见元素或第一隐藏元素被选中后会变为聚焦状态,也即预设按键的操作指令指向可见元素或第一隐藏元素时,被指向的元素会变为聚焦状态,因此本实施例中,若第一隐藏元素为聚焦状态,则第一操作指令指向第一隐藏元素。具体地,判断第一隐藏元素是否为聚焦状态,若是,则确定预设按键的第一操作指令指向第一隐藏元素,否则,确定预设按键的第一操作指令没有指向第一隐藏元素。关于聚焦状态和非聚焦状态的解释可参照相关技术中的解释,这里不再赘述。本实施例中,通过判断第一隐藏元素是否为聚焦状态,能够快速判断出第一操作指令是否指向第一隐藏元素,从而执行后续步骤。
考虑到用户选择完元素选中目录中的所有可见元素后,跳转到元素选中目录中的第一个可见元素比较符合用户的使用习惯,便于用户操作,因此本实施例中,设置上述与第一隐藏元素相关联的预设可见元素为元素选中目录中的多个可见元素中,预设按键的操作指令对应的元素选中顺序中的第一个可见元素,以迎合用户的操作习惯,提高用户的操作效率。当然,在其他需求场景下,与第一隐藏元素相关联的预设可见元素也可以为元素选中目录中其他任意一个可见元素。
通过上述描述可知,本实施例中涉及的页面至少包括一级目录,还能够包括子级目录。考虑到相关技术中,用户激活某个子级目录时,页面设定tab键直接选中该子级目录中的、tab键的操作指令对应的元素选中顺序中的第一个可见元素,用户激活子级目录后第一次按下tab键时,选中子级目录中的、tab键的操作指令对应的元素选中顺序中的第二个可见元素,该操作方式对用户不友好,用户操作效率低,容易误以为在激活子级目录后第一次按下tab键时才会选中上述第一个可见元素,基于此,图2为本发明实施例提供的页面元素选择方法的第二种流程示意图,如图2所示,本实施例中的方法还包括:
步骤S106,在激活页面的子级目录时,选中子级目录中预设的第二隐藏元素。
页面的每个子级目录都包括第二隐藏元素,且该第二隐藏元素对用户不可见,与相关技术不同的是,本实施例中在响应用户操作激活子级目录时,焦点进入该子级目录,并定位在子级目录中的第二隐藏元素,从而选中第二隐藏元素,而不选中子级目录中的上述第一个可见元素。
其中,用户激活子级目录有两种方式,一种是用户利用预设按键或鼠标选中具有该子级目录的可见元素后,按下键盘中的enter激活该子级目录,另一种是用户利用预设按键或鼠标选中具有该子级目录的可见元素后,单击鼠标激活该子级目录。
步骤S108,获取预设按键的第二操作指令,根据第二操作指令,在子级目录中,选中预设按键的操作指令对应的元素选中顺序中的第一个可见元素。
由于用户激活子级目录后,选中的是子级目录中的第二隐藏元素,因此用户按下预设按键后,计算机终端能够根据第二操作指令控制焦点移动至子级目录中的、预设按键的操作指令对应的元素选中顺序中的第一个可见元素,从而选中该第一个可见元素。
通过上述步骤S106和步骤S108,用户激活子级目录后,第一次按下预设按键才选中子级目录中的、预设按键的操作指令对应的元素选中顺序中的第一个可见元素,该操作方式对用户友好,用户操作效率高,更符合用户的使用习惯。
能够理解,上述步骤S102和步骤S104、步骤S106和步骤S108二者之间可以串行执行,也可以并行执行,串行执行时,可以先执行步骤S102和步骤S104,后执行步骤S106和步骤S108,也可以先执行步骤S106和步骤S108,后执行步骤S102和步骤S104,图2只是一种执行顺序的具体举例,其他能够被允许的执行顺序也在保护范围内。
由于本实施例中的页面指的是web页面,因此,该web页面包括浏览器的地址栏、导航栏、浏览区、状态栏等。通常用户在页面中选择可见元素时,大多是针对浏览区内的可见元素进行选择,很少选择浏览器固有的元素,如地址栏、导航栏、状态栏中的元素,因此本实施例中,设置第一隐藏元素、第二隐藏元素和上述的每个可见元素均位于页面的浏览区内,基于此,通过本实施例中的方法,能够实现页面浏览器内的可见元素的循环选择,更符合用户的使用习惯,提高用户的使用体验和可见元素的选择效率。本实施例中,第一隐藏元素、第二隐藏元素均可以以div标签的方式实现。
在用户选中页面中的某个可见元素后,本实施例中方法还包括:监听用户对选中的可见元素发起的键盘事件,若监听到的键盘事件为预设的键盘事件,则执行选中的可见元素对应的操作。
用户处的计算机终端监听用户对选中的可见元素发起的键盘事件,当监听到预设键盘事件,如监听到用户按下enter键或者其他设定好的按键时,执行用户选中的可见元素对应的操作。
具体地,计算机终端通过接收键盘传输的键值判断用户是否按下enter键,若计算机终端接收到的键值为13,则确定用户按下enter键,从而确定用户对选中的可见元素发起预设的键盘事件。进一步地,若用户选中的可见元素具有子级目录,则计算机终端激活该子级目录,若用户选中的可见元素没有子级目录,则计算机终端执行该元素对应的其他事件,如更新页面内容,打开新的页面等。在其他实施方式中,预设的键盘事件还可以根据用户习惯设定,不局限于用户按下enter键,还可以是其他键盘上的按键。
通过本实施例中的方法,能够实现预设按键在同一层级目录中的循环遍历,还能够实现键盘控制计算机终端执行被选中的可见元素对应的操作,从而代替鼠标功能,提高操作效率,方便用户在某些场景下比鼠标操作更快速地在页面中选择可见元素。
在某些应用场景下,还能够在页面的计算机程序数据中,将实现本实施例中的方法的程序进行封装打包,形成一个模块化的程序封装,本程序的开发人员以外的开发人员实施本程序时,只需调用该程序封装,并将需要修改的程序参数通过预留好的程序接口传入程序封装即可,从而提高了该程序的使用效率,便于该程序的普及推广。
对应上述的页面元素选择方法,本发明实施例还提供了一种页面元素选择装置,图3为本发明实施例提供的页面元素选择装置的模块组成示意图,如图3所示,该装置包括:获取模块31,用于获取预设按键的第一操作指令;确定模块32,用于若该第一操作指令指向页面中的第一隐藏元素,则将页面中与第一隐藏元素相关联的预设可见元素,确定为用户在页面中选中的可见元素;其中,页面包括第一隐藏元素及与第一隐藏元素属于同一元素选中目录的多个可见元素,上述预设可见元素为该多个可见元素中的一个,在预设按键的操作指令对应的元素选中顺序中,第一隐藏元素位于元素选中目录中的所有可见元素之后。
本发明实施例中的页面元素选择装置,获取到预设按键的第一操作指令后,判断该第一操作指令是否指向元素选中目录中的第一隐藏元素,若是,则说明用户已经选择完元素选中目录中的所有可见元素,这种情况下,将元素选中目录中与第一隐藏元素相关联的预设可见元素,确定为用户在页面中选中的可见元素,从而实现页面中同一元素选中目录中所有可见元素的循环选择,解决相关技术中利用tab键选择页面中的元素时,无法实现元素的循环选择的问题。
为确定预设按键的第一操作指令是否指向第一隐藏元素,本实施例中的装置还包括:指向确定模块,用于若第一隐藏元素为聚焦状态,则预设按键的第一操作指令指向第一隐藏元素。
考虑到用户选择完元素选中目录中的所有可见元素后,跳转到元素选中目录中的第一个可见元素比较符合用户的使用习惯,便于用户操作,本实施例中,预设可见元素为元素选中目录中的多个可见元素中,预设按键的操作指令对应的元素选中顺序中的第一个可见元素。
本实施例中,元素选中目录可以为页面的一级目录或者页面的子级目录。
考虑到相关技术中在激活页面的子级目录后,选中子级目录中的可见元素的方式不便于用户操作,本实施例中的装置还包括以下模块:第一选中模块,用于在激活页面的子级目录时,选中子级目录中预设的第二隐藏元素;第二选中模块,用于获取预设按键的第二操作指令,根据第二操作指令,在子级目录中,选中预设按键的操作指令对应的元素选中顺序中的第一个可见元素。
考虑到对于web页面,用户很少选择浏览器内固有的元素,因此本实施例中,页面包括web页面,第一隐藏元素、第二隐藏元素和上述的每个可见元素均位于web页面的浏览区内。
考虑到用户对选中的可见元素的后续处理过程,本实施例中的装置还包括以下模块:监听模块,用于监听用户对选中的可见元素发起的键盘事件;执行模块,用于若监听到的键盘事件为预设的键盘事件,则执行选中的可见元素对应的操作。
对应上述的页面元素选择方法,本发明实施例还提供了一种计算机设备,图4为本发明实施例提供的计算机设备的模块组成示意图,如图4所示,包括存储器1000和处理器2000,存储器1000上存储有可在处理器2000上运行的计算机程序,处理器2000运行该计算机程序时执行上述实施例中的页面元素选择方法。
具体地,存储器1000和处理器2000能够为通用的存储器和处理器,这里不做具体限定,存储器1000和处理器2000通过通讯总线连接,当处理器2000运行存储器1000存储的计算机程序时,能够执行上述的页面元素选择方法,在用户已经选择完元素选中目录中的所有可见元素并继续选择元素的情况下,将元素选中目录中一个预设可见元素,确定为用户在页面中选中的可见元素,从而实现页面中同一元素选中目录中所有可见元素的循环选择,解决相关技术中利用tab键选择页面中的元素时,无法实现元素的循环选择的问题。
对应上述的页面元素选择方法,本发明实施例还提供了一种计算机存储介质,该计算机存储介质上存储有计算机程序,该计算机程序被处理器运行时执行上述实施例中的页面元素选择方法。
具体地,该存储介质能够为通用的存储介质,如U盘、移动磁盘、硬盘、光碟等,该存储介质上的计算机程序被运行时,能够执行上述实施例中的页面元素选择方法,在用户已经选择完元素选中目录中的所有可见元素并继续选择元素的情况下,将元素选中目录中一个预设可见元素,确定为用户在页面中选中的可见元素,从而实现页面中同一元素选中目录中所有可见元素的循环选择,解决相关技术中利用tab键选择页面中的元素时,无法实现元素的循环选择的问题。
本发明实施例所提供的页面元素选择装置可以为设备上的特定硬件或者安装于设备上的软件或固件等。本发明实施例所提供的装置,其实现原理及产生的技术效果和前述方法实施例相同,为简要描述,装置实施例部分未提及之处,可参考前述方法实施例中相应内容。所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,前述描述的系统、装置和单元的具体工作过程,均可以参考上述方法实施例中的对应过程,在此不再赘述。
在本发明所提供的实施例中,应该理解到,所揭露装置和方法,可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,又例如,多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明提供的实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释,此外,术语“第一”、“第二”、“第三”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
最后应说明的是:以上所述实施例,仅为本发明的具体实施方式,用以说明本发明的技术方案,而非对其限制,本发明的保护范围并不局限于此,尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特征进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围。都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应所述以权利要求的保护范围为准。

Claims (10)

1.一种页面元素选择方法,其特征在于,包括:
获取预设按键的第一操作指令;
若所述第一操作指令指向页面中的第一隐藏元素,则将所述页面中与所述第一隐藏元素相关联的预设可见元素,确定为用户在所述页面中选中的可见元素;
其中,所述页面包括所述第一隐藏元素及与所述第一隐藏元素属于同一元素选中目录的多个可见元素,所述预设可见元素为所述多个可见元素中的一个,在所述预设按键的操作指令对应的元素选中顺序中,所述第一隐藏元素位于所述元素选中目录中的所有可见元素之后。
2.根据权利要求1所述的方法,其特征在于,还包括:
若所述第一隐藏元素为聚焦状态,则所述第一操作指令指向所述第一隐藏元素。
3.根据权利要求1所述的方法,其特征在于,所述预设可见元素为所述多个可见元素中,所述预设按键的操作指令对应的元素选中顺序中的第一个可见元素。
4.根据权利要求1所述的方法,其特征在于,所述页面包括web页面,所述第一隐藏元素和每个可见元素均位于所述web页面的浏览区内。
5.根据权利要求1所述的方法,其特征在于,所述元素选中目录为所述页面的一级目录或者所述页面的子级目录。
6.根据权利要求5所述的方法,其特征在于,还包括:
在激活所述页面的子级目录时,选中所述子级目录中预设的第二隐藏元素;
获取所述预设按键的第二操作指令,根据所述第二操作指令,在所述子级目录中,选中所述预设按键的操作指令对应的元素选中顺序中的第一个可见元素。
7.根据权利要求1至6任一项所述的方法,其特征在于,还包括:
监听用户对选中的可见元素发起的键盘事件;
若监听到的键盘事件为预设的键盘事件,则执行选中的可见元素对应的操作。
8.一种页面元素选择装置,其特征在于,包括:
获取模块,用于获取预设按键的第一操作指令;
确定模块,用于若所述第一操作指令指向页面中的第一隐藏元素,则将所述页面中与所述第一隐藏元素相关联的预设可见元素,确定为用户在所述页面中选中的可见元素;
其中,所述页面包括所述第一隐藏元素及与所述第一隐藏元素属于同一元素选中目录的多个可见元素,所述预设可见元素为所述多个可见元素中的一个,在所述预设按键的操作指令对应的元素选中顺序中,所述第一隐藏元素位于所述元素选中目录中的所有可见元素之后。
9.一种计算机设备,包括存储器和处理器,所述存储器上存储有可在所述处理器上运行的计算机程序,其特征在于,所述处理器运行所述计算机程序时执行上述权利要求1至7任一项所述的方法。
10.一种计算机存储介质,所述计算机存储介质上存储有计算机程序,其特征在于,所述计算机程序被处理器运行时执行上述权利要求1至7任一项所述的方法。
CN201710379263.1A 2017-05-25 2017-05-25 页面元素选择方法及装置 Active CN107193450B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710379263.1A CN107193450B (zh) 2017-05-25 2017-05-25 页面元素选择方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710379263.1A CN107193450B (zh) 2017-05-25 2017-05-25 页面元素选择方法及装置

Publications (2)

Publication Number Publication Date
CN107193450A true CN107193450A (zh) 2017-09-22
CN107193450B CN107193450B (zh) 2020-10-09

Family

ID=59874818

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710379263.1A Active CN107193450B (zh) 2017-05-25 2017-05-25 页面元素选择方法及装置

Country Status (1)

Country Link
CN (1) CN107193450B (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109871257A (zh) * 2019-02-19 2019-06-11 广州视源电子科技股份有限公司 一种页面元素显示方法、装置及设备
CN112394869A (zh) * 2020-10-16 2021-02-23 腾讯科技(深圳)有限公司 基于车载终端的小程序控制方法、装置、设备及存储介质
CN113835603A (zh) * 2021-08-31 2021-12-24 五八有限公司 一种页面元素选取方法、装置、电子设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060150125A1 (en) * 2005-01-03 2006-07-06 Arun Gupta Methods and systems for interface management
CN102054049A (zh) * 2011-01-28 2011-05-11 深圳市五巨科技有限公司 一种移动终端浏览器解析排版的方法和装置
CN102446070A (zh) * 2011-12-29 2012-05-09 Tcl集团股份有限公司 一种在各级目录间进行快捷跳转的方法和装置
CN102915318A (zh) * 2012-03-08 2013-02-06 北京金山安全软件有限公司 一种浏览器中定位查找信息的方法和装置
CN104346088A (zh) * 2013-07-29 2015-02-11 华为技术有限公司 一种进行页面切换的方法及装置
CN106055260A (zh) * 2016-06-03 2016-10-26 深圳市联谛信息无障碍有限责任公司 一种安全键盘的读屏方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060150125A1 (en) * 2005-01-03 2006-07-06 Arun Gupta Methods and systems for interface management
CN102054049A (zh) * 2011-01-28 2011-05-11 深圳市五巨科技有限公司 一种移动终端浏览器解析排版的方法和装置
CN102446070A (zh) * 2011-12-29 2012-05-09 Tcl集团股份有限公司 一种在各级目录间进行快捷跳转的方法和装置
CN102915318A (zh) * 2012-03-08 2013-02-06 北京金山安全软件有限公司 一种浏览器中定位查找信息的方法和装置
CN104346088A (zh) * 2013-07-29 2015-02-11 华为技术有限公司 一种进行页面切换的方法及装置
CN106055260A (zh) * 2016-06-03 2016-10-26 深圳市联谛信息无障碍有限责任公司 一种安全键盘的读屏方法及装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
解福: "《网页设计与制作教程》", 28 February 2014 *

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109871257A (zh) * 2019-02-19 2019-06-11 广州视源电子科技股份有限公司 一种页面元素显示方法、装置及设备
CN112394869A (zh) * 2020-10-16 2021-02-23 腾讯科技(深圳)有限公司 基于车载终端的小程序控制方法、装置、设备及存储介质
WO2022078199A1 (zh) * 2020-10-16 2022-04-21 腾讯科技(深圳)有限公司 小程序控制方法、装置、设备及存储介质
CN112394869B (zh) * 2020-10-16 2022-07-29 腾讯科技(深圳)有限公司 基于车载终端的小程序控制方法、装置、设备及存储介质
CN113835603A (zh) * 2021-08-31 2021-12-24 五八有限公司 一种页面元素选取方法、装置、电子设备及存储介质
CN113835603B (zh) * 2021-08-31 2024-06-18 五八有限公司 一种页面元素选取方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN107193450B (zh) 2020-10-09

Similar Documents

Publication Publication Date Title
US10447546B1 (en) Customized visualizations for data centers
CN106598591A (zh) 一种网页动态菜单生成方法及装置
CN108363602A (zh) 智能ui界面布局方法、装置、终端设备及存储介质
CN107438814A (zh) 移动设备上的实体动作建议
CN108255847A (zh) 页面生成方法及装置
CN106775301A (zh) 一种终端的截图方法和终端设备
CN109582305B (zh) 用于移动应用页面元素的编码方法、装置及电子设备
CN103761110B (zh) 浏览器字体显示处理方法和装置
CN102929599A (zh) 移动终端浏览器界面的修改方法及装置、移动终端
CN104216698B (zh) 一种注册网页方法及相关装置
CN105955646A (zh) 一种内容处理方法和智能终端
CN102117206A (zh) 图标控件动态生成系统及方法
CN105912328B (zh) web系统页面的显示方法、装置及web系统
CN113849156B (zh) OpenHarmony操作系统应用的无代码智能开发系统及其使用方法
CN107193450A (zh) 页面元素选择方法及装置
CN103049164A (zh) 一种动态矢量图形快速响应操作的方法及其控制设备
CN109446503A (zh) 文档内容导出方法和装置
CN109582418A (zh) 用户行为数据收集方法、装置、计算机装置、存储介质
CN110069734A (zh) 一种页面组件的展现方法和装置
CN108616575A (zh) 操作监控方法、装置、计算机设备及存储介质
CN112527434A (zh) 页面展示的方法、终端、服务器、系统、电子设备
CN109547623B (zh) 一种界面切换方法及装置
CN106610925A (zh) 网页表格的显示方法及装置
CN107784484A (zh) 模型与流程挂接方法及装置
CN102446094A (zh) 用于有效地实现系统和桌面配置增强的装置和方法

Legal Events

Date Code Title Description
PB01 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