CN108156510A - 页面焦点处理的方法、装置及计算机可读存储介质 - Google Patents
页面焦点处理的方法、装置及计算机可读存储介质 Download PDFInfo
- Publication number
- CN108156510A CN108156510A CN201711468802.5A CN201711468802A CN108156510A CN 108156510 A CN108156510 A CN 108156510A CN 201711468802 A CN201711468802 A CN 201711468802A CN 108156510 A CN108156510 A CN 108156510A
- Authority
- CN
- China
- Prior art keywords
- focus
- page
- virtual
- point
- virtual focus
- 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
Links
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction 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/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/482—End-user interface for program selection
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/81—Monomedia components thereof
- H04N21/8166—Monomedia components thereof involving executable data, e.g. software
- H04N21/8173—End-user applications, e.g. Web browser, game
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种页面焦点处理的方法,包括浏览器从接收的应用页面中识别出具有焦点属性的页面元素,获取所述页面元素中具有焦点属性的虚拟焦点元素,所述焦点属性通过CSS层叠样式表的扩展属性定义;在接收到焦点移动指令时,根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点。本发明还提出一种页面焦点处理的装置和计算机可读存储介质。本发明中浏览器将真焦点的焦点移动算法得以应用于虚拟焦点元素,不需要为不同的页面写不同的虚拟焦点移动代码,节省了开发工作量,同时提高了代码运行效率。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种页面焦点处理的方法、装置以及计算机可读存储介质。
背景技术
随着智能电视的发展,为了给用户带来更好的体验,智能电视提供了功能丰富的用户界面。用户通过遥控器在智能电视的用户页面上进行焦点移动,选择自己感兴趣的服务内容。
在现有技术中,页面焦点处理有两种方案。一是采用浏览器内置的焦点处理算法识别出a、map标签所标示的真焦点并进行焦点移动,这种方案处理效率高,但焦点样式少,效果简陋,不能实现炫酷动画效果。二是需要根据页面的布局去划分不同的区域,为不同的区域定义虚拟焦点元素。在这种方案中需要用复杂的代码逻辑去实现自定义的焦点处理算法,虽然能实现炫酷的动画,但代码运行效率低且功能还不易扩展,影响用户体验。
上述内容仅用于辅助理解本发明的技术方案,并不代表承认上述内容是现有技术。
发明内容
本发明的主要目的在于提供一种页面焦点处理方法、装置和计算机可读可读介质,旨在解决现有技术中要用复杂的代码逻辑去实现自定义的焦点处理算法、代码运行效率低的技术问题。
为实现上述目的,本发明提供一种页面焦点处理方法,所述页面焦点处理方法包括如下步骤:
浏览器从接收的应用页面中识别出具有焦点属性的页面元素,获取所述页面元素中具有焦点属性的虚拟焦点元素,所述焦点属性通过CSS层叠样式表的扩展属性定义;
在接收到焦点移动指令时,根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点。
优选地,所述根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点的步骤包括:
根据所述移动指令确定移动参数,所述移动参数包括移动方向;
获取各个所述虚拟焦点元素对应的位置参数;
根据所述位置参数、所述移动参数以及焦点当前所在位置对应的所述虚拟焦点元素确定目标焦点元素;
将所述焦点移动至所述目标焦点元素。
优选地,所述根据所述位置参数、所述移动参数以及焦点当前所在位置对应的所述虚拟焦点元素确定目标焦点元素步骤包括:
以焦点当前所在位置对应的所述虚拟焦点元素的位置为起点,沿着所述移动参数中移动方向查找候选目标虚拟焦点元素;
获取所述焦点当前所在位置对应的所述虚拟焦点元素和各个所述候选目标虚拟焦点元素之间的距离;
将和所述焦点当前所在位置对应的所述虚拟焦点元素距离最近的候选目标虚拟焦点元素作为目标虚拟焦点,并把焦点移动到所述目标虚拟焦点。
优选地,所述根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点步骤之后包括:
改变焦点当前所在位置对应的所述虚拟焦点元素的CCS样式;
改变目标虚拟焦点元素的CCS样式。
优选地,所述改变焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS样式步骤包括:
调用并加载焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS伪类方法,以改变焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS样式。
优选地,所述调用并加载所述焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS伪类方法步骤包括:
获取焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的类型;
根据焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的类型确定对应的CSS伪类方法;
调用并加载确定的所述CSS伪类方法,以改变焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS样式。
优选地,所述获取所述页面元素中具有焦点属性的虚拟焦点元素的步骤以及在接收到焦点移动指令时,根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点的步骤之间,还包括:
将焦点聚焦于预设的虚拟焦点元素处。
此外,为实现上述目的,本发明还提供所述页面焦点处理的装置,装置包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的页面焦点处理的程序,所述页面焦点处理的程序被所述处理器执行时实现如上所述的页面焦点处理方法的步骤。
此外,为实现上述目的,本发明还提出一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有页面焦点处理的程序,所述页面焦点处理的程序被处理器执行时实现如上所述的页面焦点处理方法的步骤。
本发明实施例提出的一种页面焦点处理的方法、装置和计算机可读存储介质,浏览器把从接收的应用页面中识别出具有焦点属性的页面元素作为候选虚拟焦点元素,所述焦点属性通过CSS扩展属性定义,从候选虚拟焦点元素中确定当前虚拟焦点元素,根据接收的焦点移动指令将焦点移动到目标虚拟焦点元素,本发明通过用浏览器可识别的CSS语言扩展属性定义虚拟焦点元素,使浏览器可以将虚拟焦点纳入其内核的真焦点管理机制,利用其内核的焦点移动方法进行焦点移动,既避免了实现复杂的虚拟焦点移动代码,又通过运行内核代码提高了焦点移动的效率。
附图说明
图1是本发明实施例方案涉及的硬件运行环境的终端结构示意图;
图2为本发明一种页面焦点处理的方法第一实施例的流程示意图;
图3为本发明一种页面焦点处理的方法第二实施例的流程示意图;
图4为本发明一种页面焦点处理的方法第三实施例的流程示意图;
图5为本发明一种页面焦点处理的方法第四实施例的流程示意图;
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明实施例的主要解决方案是:浏览器从接收的应用页面中识别出具有焦点属性的页面元素,获取所述页面元素中具有焦点属性的虚拟焦点元素,所述焦点属性通过CSS层叠样式表的扩展属性定义;在接收到焦点移动指令时,根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点。
由于现有技术中,根据页面的布局去划分不同的区域,为不同的区域定义虚拟焦点元素,需要用复杂的代码逻辑去实现自定义的焦点处理算法,虽然能实现炫酷的动画,但代码运行效率低且功能还不易扩展,影响用户体验。
本发明提供一种解决方案,通过在应用页面中用CSS扩展属性定义虚拟焦点元素,浏览器解析CSS扩展属性识别候选的虚拟焦点元素,根据焦点移动指令移动将焦点在虚拟焦点元素之间移动,实现了让浏览器将真焦点的焦点移动算法得以应用于虚拟焦点元素,不需要为不同的页面写不同的虚拟焦点移动代码,节省了开发工作量,同时提高了代码运行效率。
如图1所示,图1是本发明实施例方案涉及的硬件运行环境的终端结构示意图。
本发明实施例终端为页面焦点移动装置。
如图1所示,该装置可以包括:处理器1001,例如CPU,通信总线1002,存储器1003。其中,通信总线1002用于实现这些组件之间的连接通信。存储器1003可以是高速RAM存储器,也可以是稳定的存储器(non-volatile memory),例如磁盘存储器。存储器1003可选的还可以是独立于前述处理器1001的存储装置。
本领域技术人员可以理解,图1中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
如图1所示,作为一种计算机存储介质的存储器1003中可以包括操作系统和页面焦点处理的程序。
在图1所示的装置中,处理器1001可以用于调用存储器1003中存储的页面焦点处理的程序,并执行以下操作:
浏览器从接收的应用页面中识别出具有焦点属性的页面元素,获取所述页面元素中具有焦点属性的虚拟焦点元素,所述焦点属性通过CSS层叠样式表的扩展属性定义;
在接收到焦点移动指令时,根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点。
进一步地,处理器1001可以调用存储器1003中存储的页面焦点处理的程序,还执行以下操作:
根据所述移动指令确定移动参数,所述移动参数包括移动方向;
获取各个所述虚拟焦点元素对应的位置参数;
根据所述位置参数、所述移动参数以及焦点当前所在位置对应的所述虚拟焦点元素确定目标焦点元素;
将所述焦点移动至所述目标焦点元素。
进一步地,处理器1001可以调用存储器1003中存储的页面焦点处理的程序,还执行以下操作:
以焦点当前所在位置对应的所述虚拟焦点元素的位置为起点,沿着所述移动参数中移动方向查找候选目标虚拟焦点元素;
获取所述焦点当前所在位置对应的所述虚拟焦点元素和各个所述候选目标虚拟焦点元素之间的距离;
将和所述焦点当前所在位置对应的所述虚拟焦点元素距离最近的候选目标虚拟焦点元素作为目标虚拟焦点,并把焦点移动到所述目标虚拟焦点。
进一步地,处理器1001可以调用存储器1003中存储的页面焦点处理的程序,还执行以下操作:
改变焦点当前所在位置对应的所述虚拟焦点元素的CCS样式;
改变目标虚拟焦点元素的CCS样式。
进一步地,处理器1001可以调用存储器1003中存储的页面焦点处理的程序,还执行以下操作:
调用并加载焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS伪类方法,以改变焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS样式。
进一步地,处理器1001可以调用存储器1003中存储的页面焦点处理的程序,还执行以下操作:
获取焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的类型;
根据焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的类型确定对应的CSS伪类方法;
调用并加载确定的所述CSS伪类方法,以改变焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS样式。
进一步地,处理器1001可以调用存储器1003中存储的页面焦点处理的程序,还执行以下操作:
将焦点聚焦于预设的虚拟焦点元素处。
参照图2,本发明第一实施例提供一种页面焦点处理的方法,所述方法包括:
步骤S10,浏览器从接收的应用页面中识别出具有焦点属性的页面元素,获取所述页面元素中具有焦点属性的虚拟焦点元素,所述焦点属性通过CSS层叠样式表的扩展属性定义。
浏览器和应用页面根据约定,共同用CSS扩展属性定义一种焦点属性。应用在生成页面时为页面中可以进行焦点处理的元素设置该焦点属性,这些元素被标识为虚拟焦点元素。
浏览器在加载了包含用CSS定义的虚拟焦点元素的页面后,先解析页面中的HTML语言生成文档树,接着再解析页面中的CSS语言生成渲染树,同时识别用CSS定义的虚拟焦点元素。
步骤S20,在接收到焦点移动指令时,根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点。
浏览器解析焦点移动指令中的焦点移动参数得到移动方向,调用内核的焦点移动方法,根据焦点移动方向找到目标虚拟焦点,进行焦点移动。下面举例说明浏览器内核查找目标虚拟焦点元素并移动焦点的过程,该过程分以下三个阶段实现。
第一阶段:找出焦点移动方向上所有虚拟焦点元素,虚拟焦点元素是在当前显示区域内可见的并且其对应要显示的内容也是可见的。
第二阶段:计算当前焦点所在的虚拟焦点元素和各个虚拟焦点元素之间的距离。计算该距离时需要考虑元素之间的欧式距离、元素的相对位置、元素的形状等多种因素。
一种计算距离的公式如下所示,其中dotDist为两个元素之间的欧式距离,dx或dy为两个元素在和焦点移动方向平行的坐标轴上的坐标差值,xdisplacement和ydisplacement为两个元素在和焦点移动方向正交的坐标轴上的坐标差值,Overlap为两个元素的形状所占的坐标范围在焦点移动方向上发生重叠的坐标差值。
df=dotDist+dx+dy+2*(xdisplacement+ydisplacement)-sqrt(Overlap)
在按照上述公式计算距离时还需要遵循以下两点规则:
1)在计算当前焦点元素和候选焦点元素的欧式距离时,若在和移动方向正交的坐标轴上,两个元素的坐标相同,要将它们的欧式距离置零,使正好处于当前焦点的移动方向上的候选焦点被优先选择。
2)当前焦点元素和候选焦点元素都有自己的形状,一般都是有多条边的矩形。在计算当前焦点元素和候选焦点元素在和焦点移动方向平行的坐标轴上的坐标差值时,选择两者最靠近的边的坐标来计算。
第三阶段:选择距离最短的作为目标焦点并把焦点移动到目标焦点上,同时记录焦点路径。
在本实施例中,通过应用页面用CSS扩展属性定义虚拟焦点元素,浏览器通过解析CSS扩展属性识别候选的虚拟焦点元素,根据焦点移动指令移动焦点到目标虚拟焦点元素,实现了让浏览器将真焦点的焦点移动算法得以应用于虚拟焦点元素,不需要为不同的页面写不同的虚拟焦点移动代码,节省了开发工作量,同时提高了代码运行效率。
进一步的,参照图3,本发明第二实施例基于第一实施例提供一种页面焦点处理的方法,本实施例在步骤S20之后还包括:
步骤S30,改变焦点当前所在位置对应的所述虚拟焦点元素的CCS样式,改变目标虚拟焦点元素的CCS样式。
当浏览器将焦点从当前虚拟焦点元素移动到目标虚拟焦点元素时,为了以更好的视觉效果提示用户焦点进行了移动,可以改变焦点当前所在位置对应的所述虚拟焦点元素和目标虚拟元素的风格和样式。
可以改变的CSS样式包括字体颜色的改变、字体立体或阴影效果的改变、图片的更换、图片效果的改变或动画的效果的改变。
在本实施例中,通过改变焦点移动离开的虚拟焦点元素的CSS样式和改变焦点移动到的虚拟焦点元素的CSS样式,以丰富的视觉效果向用户提示焦点发生了移动,提升了用户体验。
进一步的,参照图4,本发明第三实施例基于第二实施例提供一种页面焦点处理的方法,本实施例在步骤S30包括:
步骤S31,调用并加载焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS伪类方法,以改变焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS样式。
CSS的伪类用于为文档树以外的元素设置样式,比如一句话中的第一个字母,或者是列表中的第一个元素。并且CSS伪类是在当元素处于某个状态时才为其添加对应的样式,这个状态是根据用户行为而动态变化的,比如当用户的鼠标悬停在元素上时,或者用户通过鼠标点击了该元素时。
虚拟焦点元素失去焦点或者获得焦点实质上也是一种用户行为导致的元素状态的改变,所以可以采取调用并加载CSS伪类方法的方式来改变虚拟焦点元素的CSS样式。
CSS语言本身提供一些伪类,如超链接使用的伪类。超链接伪类提供的CSS样式包括字体下显示下划线、获得焦点和失去焦点时改变字体颜色、改变字体类型等、获得焦点和失去焦点时改变图像边框的颜色等。
根据改变的CSS样式类型的不同,可以把虚拟焦点元素细分为不同的类型,并自定义对应的CSS伪类方法,比如可细分定义的类型包括文字类型、图片类型、动画类型等等。
在用CSS扩展属性为元素定义焦点属性时,进一步指定虚拟焦点元素的类型。比如当指定该虚拟焦点元素是超链接类型,浏览器调用并加载超链接的CSS伪类方法来改变虚拟焦点元素的CSS样式;当指定该虚拟焦点元素时文字类型时,浏览器调用并加载文字类型的CSS伪类方法来改变虚拟焦点元素的CSS样式。
在本实施例中,通过调用并加载虚拟焦点元素的CSS伪类方法改变虚拟焦点元素的CSS样式,既利用CSS伪类方法高效率的实现了丰富绚丽的CSS样式改变效果,又提供了可以在不同类型和版本的浏览器中兼容的改变虚拟焦点元素CSS样式的方法。
进一步的,参照图5,本发明第四实施例基于第一实施例提供一种页面焦点处理的方法,本实施例步骤S10之后还包括:
步骤S50,将焦点聚焦于预设的虚拟焦点元素处。
浏览器内核的焦点移动方法有选择默认焦点的规则,一般是从超链接元素中进行选择。当浏览器加载的页面中大部分都是用CSS扩展属性定义的虚拟焦点元素时,需要让浏览器的默认焦点元素也是虚拟焦点元素。另外,默认焦点元素的位置也影响着用户是否能方便快速移动到感兴趣的焦点元素。
可以将处于浏览器窗口中最靠上且最靠左的虚拟焦点元素预设为默认焦点元素,或者将处于浏览器窗口中最靠下且最靠右的虚拟焦点元素预设为默认焦点元素,或者将用户最近一次选中的虚拟焦点元素预设为默认焦点元素,视应用场景而定。
在本实施例中,通过将预设的候选虚拟焦点元素作为所述浏览器默认的当前虚拟焦点元素,即可以统一并简化了浏览器处理应用页面焦点的处理流程,又可以根据不同的应用场景中用户的需求预设默认焦点元素,方便用户快速移动到感兴趣的焦点元素,提升了用户体验。
本发明还提供一种页面焦点处理装置,该装置包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的页面焦点处理的程序,所述页面焦点处理的程序被所述处理器执行时实现所述的页面焦点处理方法的步骤。
此外,本发明实施例还提出一种计算机可读存储介质,所述计算机可读存储介质上存储有页面焦点处理的程序,所述页面焦点处理的程序被处理器执行时实现所述的页面焦点处理方法的步骤。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在如上所述的一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (9)
1.一种页面焦点处理的方法,其特征在于,所述页面焦点处理方法包括以下步骤:
浏览器从接收的应用页面中识别出具有焦点属性的页面元素,获取所述页面元素中具有焦点属性的虚拟焦点元素,所述焦点属性通过CSS层叠样式表的扩展属性定义;
在接收到焦点移动指令时,根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点。
2.如权利要求1所述的页面焦点处理的方法,其特征在于,所述根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点的步骤包括:
根据所述移动指令确定移动参数,所述移动参数包括移动方向;
获取各个所述虚拟焦点元素对应的位置参数;
根据所述位置参数、所述移动参数以及焦点当前所在位置对应的所述虚拟焦点元素确定目标焦点元素;
将所述焦点移动至所述目标焦点元素。
3.如权利要求2所述的一种页面焦点处理的方法,其特征在于,所述根据所述位置参数、所述移动参数以及焦点当前所在位置对应的所述虚拟焦点元素确定目标焦点元素步骤包括:
以焦点当前所在位置对应的所述虚拟焦点元素的位置为起点,沿着所述移动参数中移动方向查找候选目标虚拟焦点元素;
获取所述焦点当前所在位置对应的所述虚拟焦点元素和各个所述候选目标虚拟焦点元素之间的距离;
将和所述焦点当前所在位置对应的所述虚拟焦点元素距离最近的候选目标虚拟焦点元素作为目标虚拟焦点,并把焦点移动到所述目标虚拟焦点。
4.如权利要求1所述的一种页面焦点处理的方法,其特征在于,所述根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点步骤之后包括:
改变焦点当前所在位置对应的所述虚拟焦点元素的CCS样式;
改变目标虚拟焦点元素的CCS样式。
5.如权利要求4所述的一种页面焦点处理的方法,其特征在于,所述改变焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS样式步骤包括:
调用并加载焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS伪类方法,以改变焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS样式。
6.如权利要求5所述的一种页面焦点处理的方法,其特征在于,所述调用并加载所述焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS伪类方法步骤包括:
获取焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的类型;
根据焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的类型确定对应的CSS伪类方法;
调用并加载确定的所述CSS伪类方法,以改变焦点当前所在位置对应的所述虚拟焦点元素和所述目标虚拟焦点元素的CSS样式。
7.如权利要求1-6任一项所述的一种页面焦点处理的方法,其特征在于,所述获取所述页面元素中具有焦点属性的虚拟焦点元素的步骤以及在接收到焦点移动指令时,根据所述焦点移动指令在所述虚拟焦点元素之间移动焦点的步骤之间,还包括:
将焦点聚焦于预设的虚拟焦点元素处。
8.一种页面焦点处理的装置,其特征在于,所述装置包括:存储器、处理器、及存储在所述存储器上并可在所述处理器上运行的页面焦点处理的程序,所述页面焦点处理的程序被所述处理器执行时实现如权利要求1至7中任一项所述的页面焦点处理的方法的步骤。
9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有页面焦点处理的程序,所述页面焦点处理的程序被处理器执行时实现如权利要求1至7中任一项所述的页面焦点处理的方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711468802.5A CN108156510B (zh) | 2017-12-27 | 2017-12-27 | 页面焦点处理的方法、装置及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201711468802.5A CN108156510B (zh) | 2017-12-27 | 2017-12-27 | 页面焦点处理的方法、装置及计算机可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108156510A true CN108156510A (zh) | 2018-06-12 |
CN108156510B CN108156510B (zh) | 2021-09-28 |
Family
ID=62462330
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201711468802.5A Active CN108156510B (zh) | 2017-12-27 | 2017-12-27 | 页面焦点处理的方法、装置及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108156510B (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111666515A (zh) * | 2019-03-07 | 2020-09-15 | 深圳市茁壮网络股份有限公司 | 页面元素变换方法及装置 |
CN112468880A (zh) * | 2021-01-25 | 2021-03-09 | 北京小米移动软件有限公司 | 焦点位置确定方法、装置及电子设备 |
CN113032055A (zh) * | 2019-12-09 | 2021-06-25 | 深圳顺丰快运科技有限公司 | 终端显示界面控制方法、装置、计算机设备和存储介质 |
CN113747219A (zh) * | 2021-08-23 | 2021-12-03 | 贵州广电新媒体产业发展有限公司 | 一种网络电视焦点移动控制方法 |
CN114063993A (zh) * | 2022-01-12 | 2022-02-18 | 北京智象信息技术有限公司 | 一种焦点移动处理方法、系统及计算机可读存储介质 |
CN114942814A (zh) * | 2022-06-01 | 2022-08-26 | 咪咕视讯科技有限公司 | 页面组件的聚焦方法、系统、终端设备及介质 |
CN115309306A (zh) * | 2021-05-08 | 2022-11-08 | Oppo广东移动通信有限公司 | 标签控制方法、装置、终端设备及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102088639A (zh) * | 2011-01-21 | 2011-06-08 | 烽火通信科技股份有限公司 | Iptv机顶盒浏览器页面的导航控制方法 |
CN102316382A (zh) * | 2010-06-29 | 2012-01-11 | 深圳Tcl新技术有限公司 | 一种供用户进行网络电视机ui定制的方法及系统 |
CN102346619A (zh) * | 2010-07-29 | 2012-02-08 | 深圳Tcl新技术有限公司 | 一种供用户进行ui定制的网络电视及定制方法 |
US20130198597A1 (en) * | 2009-12-09 | 2013-08-01 | Adobe Systems Incorporated | Systems and Methods for Displaying and Editing State-Specific Link Attributes |
CN104010217A (zh) * | 2014-05-22 | 2014-08-27 | Tcl集团股份有限公司 | 一种混合显示方法和装置 |
CN104115101A (zh) * | 2012-01-06 | 2014-10-22 | 微软公司 | 输入指示器延迟 |
CN106155644A (zh) * | 2015-03-27 | 2016-11-23 | 中国科学院声学研究所 | 适用于智能电视浏览器的网页焦点控制实现方法 |
-
2017
- 2017-12-27 CN CN201711468802.5A patent/CN108156510B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130198597A1 (en) * | 2009-12-09 | 2013-08-01 | Adobe Systems Incorporated | Systems and Methods for Displaying and Editing State-Specific Link Attributes |
CN102316382A (zh) * | 2010-06-29 | 2012-01-11 | 深圳Tcl新技术有限公司 | 一种供用户进行网络电视机ui定制的方法及系统 |
CN102346619A (zh) * | 2010-07-29 | 2012-02-08 | 深圳Tcl新技术有限公司 | 一种供用户进行ui定制的网络电视及定制方法 |
CN102088639A (zh) * | 2011-01-21 | 2011-06-08 | 烽火通信科技股份有限公司 | Iptv机顶盒浏览器页面的导航控制方法 |
CN104115101A (zh) * | 2012-01-06 | 2014-10-22 | 微软公司 | 输入指示器延迟 |
CN104010217A (zh) * | 2014-05-22 | 2014-08-27 | Tcl集团股份有限公司 | 一种混合显示方法和装置 |
CN106155644A (zh) * | 2015-03-27 | 2016-11-23 | 中国科学院声学研究所 | 适用于智能电视浏览器的网页焦点控制实现方法 |
Non-Patent Citations (2)
Title |
---|
HESHAN LIU, FUJUN MA: "《Research on visual elements of Web UI design》", 《2010 IEEE 11TH INTERNATIONAL CONFERENCE ON COMPUTER-AIDED INDUSTRIAL DESIGN & CONCEPTUAL DESIGN 1》 * |
刘峰等: "一种基于动态SHIM的视频拖拽点播方案", 《现代电子技术》 * |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111666515A (zh) * | 2019-03-07 | 2020-09-15 | 深圳市茁壮网络股份有限公司 | 页面元素变换方法及装置 |
CN111666515B (zh) * | 2019-03-07 | 2024-04-26 | 深圳市茁壮网络股份有限公司 | 页面元素变换方法及装置 |
CN113032055A (zh) * | 2019-12-09 | 2021-06-25 | 深圳顺丰快运科技有限公司 | 终端显示界面控制方法、装置、计算机设备和存储介质 |
CN112468880A (zh) * | 2021-01-25 | 2021-03-09 | 北京小米移动软件有限公司 | 焦点位置确定方法、装置及电子设备 |
CN115309306A (zh) * | 2021-05-08 | 2022-11-08 | Oppo广东移动通信有限公司 | 标签控制方法、装置、终端设备及存储介质 |
CN113747219A (zh) * | 2021-08-23 | 2021-12-03 | 贵州广电新媒体产业发展有限公司 | 一种网络电视焦点移动控制方法 |
CN114063993A (zh) * | 2022-01-12 | 2022-02-18 | 北京智象信息技术有限公司 | 一种焦点移动处理方法、系统及计算机可读存储介质 |
CN114942814A (zh) * | 2022-06-01 | 2022-08-26 | 咪咕视讯科技有限公司 | 页面组件的聚焦方法、系统、终端设备及介质 |
CN114942814B (zh) * | 2022-06-01 | 2023-07-11 | 咪咕视讯科技有限公司 | 页面组件的聚焦方法、系统、终端设备及介质 |
Also Published As
Publication number | Publication date |
---|---|
CN108156510B (zh) | 2021-09-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108156510A (zh) | 页面焦点处理的方法、装置及计算机可读存储介质 | |
US20160063395A1 (en) | Method and apparatus for labeling training samples | |
CN105700925B (zh) | 一种app的界面实现方法和装置 | |
CN109783568A (zh) | 一种网络拓扑图的生成方法、装置及存储介质 | |
CN108804188A (zh) | 界面换肤方法及装置 | |
CN107402747A (zh) | 一种支持多终端类型的应用页面动态生成方法 | |
CN103763433A (zh) | 终端应用的运行控制方法及系统 | |
CN104598107A (zh) | 界面控件的生成方法及系统 | |
CN105988850A (zh) | 移动终端的开机控制方法和装置 | |
CN110688601A (zh) | 一种数据处理方法及装置 | |
US10628981B2 (en) | Techniques for editing vector graphics documents | |
CN110413520A (zh) | 页面测试中获取控件的方法、服务器及可读存储介质 | |
CN111161283B (zh) | 一种处理图片资源的方法、装置及电子设备 | |
CN111258434B (zh) | 在聊天界面插入图片的方法、装置、设备及存储介质 | |
US10303331B2 (en) | Live mobile application visual editor demo | |
CN108874835A (zh) | 信息推送方法及装置 | |
CN110362298B (zh) | 一种基于浏览器的目标对象绘制方法、装置和浏览器 | |
CN105068826B (zh) | 一种对导航数据进行更新的方法及装置 | |
US10491674B2 (en) | Network topology templates for internal states of management and control planes | |
CN110780864A (zh) | 类方法替换的控制方法及装置、存储介质及电子设备 | |
US8374593B2 (en) | Method of providing mobile application | |
CN107402749A (zh) | 实现图片加载库的方法及装置 | |
CN112346811A (zh) | 渲染方法及装置 | |
US20120116708A1 (en) | Graphic rendering of circuit positions | |
CN113778426B (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 |