显示页面的焦点触发方法、装置、计算机设备和存储介质与流程

本申请涉及计算机技术领域，特别是涉及一种显示页面的焦点触发方法、装置、计算机设备和存储介质。

背景技术：

随着数字化智能设备的发展，数字电视的应用也越来越广泛，用户一般是通过机顶盒来操作数字电视；传统机顶盒操作，主要通过遥控器进行人机交互，并通过各种元素的焦点反馈显示页面操作结果，显示页面中的文件对象模型里有一套触发焦点的机制并且有一些默认的样式。

然而，这些默认样式不能覆盖所有显示页面中的元素，只有按键、输入框等元素能通过机顶盒浏览器来控制焦点，而机顶盒显示页面中的常见的图片框、视频窗口或一些定制化的复合元素均不能通过该方式控制焦点，用户无法直接操作机顶盒显示页面中的这些元素。

技术实现要素：

基于此，有必要针对上述技术问题，提供一种能够触发显示页面中的多种类元素的显示页面的焦点触发方法、装置、计算机设备和存储介质。

一种显示页面的焦点触发方法，所述方法包括：

接收控制端发送的焦点变动指令，所述焦点变动指令携带有焦点位移量；

识别显示页面中的当前焦点位置，根据所述当前焦点位置和所述焦点位移量定位到目标元素；

识别所述目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取所述目标元素对应的焦点样式类；

在所述显示页面中，将所述目标元素显示为所述焦点样式类对应的焦点显示效果，并消除所述当前焦点位置对应的当前元素的焦点显示效果。

在其中一个实施例中，所述识别所述目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取所述目标元素对应的焦点样式类，包括：

获取所述目标元素的显示程式中的第一元素样式标识；

根据已存储的元素样式标识和焦点样式标识的映射关系，获取所述第一元素样式标识对应的第一焦点样式标识；

将所述第一焦点样式标识添加到所述目标元素的显示程式中。

在其中一个实施例中，所述将所述目标元素显示为所述焦点样式类对应的焦点显示效果，包括：

获取所述第一焦点样式标识对应的焦点显示实例；

根据所述焦点显示实例在所述显示页面中显示所述目标元素；

渲染所述显示页面。

在其中一个实施例中，所述方法还包括：

接收服务器发送的映射更新指令；

根据所述映射更新指令更新所述元素样式标识和焦点样式标识的映射关系。

在其中一个实施例中，所述渲染所述显示页面，包括：

识别所述目标元素在所述显示页面中的第一区域和删除的焦点样式标识对应的元素在所述显示页面中的第二区域；

渲染所述第一区域和所述第二区域。

在其中一个实施例中，所述显示页面上元素的位置按照二维数组表示，所述焦点位移量包括第一位移量和第二位移量；所述识别显示页面中的当前焦点位置，根据所述当前焦点位置和所述焦点位移量定位到目标元素，包括：

获取显示页面中的当前焦点位置，所述当前焦点位置包括当前第一坐标和当前第二坐标；

在所述当前第一坐标的基础上增加所述第一位移量，得到待触发第一坐标；

在所述当前第二坐标的基础上增加所述第二位移量，得到待触发第二坐标；

根据所述待触发第一坐标和所述待触发第二坐标定位到目标元素。

一种显示页面的焦点触发装置，所述装置包括：

焦点变动指令接收模块，用于接收控制端发送的焦点变动指令，所述焦点变动指令携带有焦点位移量；

位置识别模块，用于识别显示页面中的当前焦点位置，根据所述当前焦点位置和所述焦点位移量定位到目标元素；

显示样式获取模块，用于识别所述目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取所述目标元素对应的焦点样式类；

显示更新模块，用于在所述显示页面中，将所述目标元素显示为所述焦点样式类对应的焦点显示效果，并消除所述当前焦点位置对应的当前元素的焦点显示效果。

在其中一个实施例中，所述显示样式获取模块，包括：

当前样式识别单元，用于获取所述目标元素的显示程式中的第一元素样式标识；

待显示焦点样式获取单元，用于根据已存储的元素样式标识和焦点样式标识的映射关系，获取所述第一元素样式标识对应的第一焦点样式标识；

焦点样式添加单元，用于将所述第一焦点样式标识添加到所述目标元素的显示程式中。

一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述任一项所述方法的步骤。

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述任一项所述的方法的步骤。

上述显示页面的焦点触发方法、装置、计算机设备和存储介质，遥控器等控制端向终端发送携带有焦点位移量的焦点变动指令，当终端接收到焦点变动指令后，根据其中的焦点位移量定位到显示页面中的目标元素，根据元素样式类和焦点样式类的对应关系获取此目标元素在触发为焦点时的焦点样式类，并根据焦点样式类将此元素显示为焦点显示效果，消除显示页面中当前焦点位置对应的当前元素的焦点显示效果，完成此次的焦点变化、新焦点触发的操作；上述方法中，通过元素样式类和焦点样式类的对应关系来控制元素未触发和被触发时的显示效果，在一个元素被定义为被触发元素时，再去调用对应的焦点样式类，最终实现此元素的焦点显示效果；对于对显示页面中的符合元素也可以通过页面编码的方式，将其纳入可被触发为焦点的元素，且通过集中定义元素样式类和焦点样式类的对应关系，可灵活修改元素被触发为焦点前后显示效果的变化。

附图说明

图1为一个实施例中显示页面的焦点触发方法的应用场景图；

图2为一个实施例中显示页面的焦点触发方法的流程示意图；

图3为一个实施例中步骤s206的流程示意图；

图4为一个实施例中步骤s204的流程示意图；

图5为一个实施例中显示页面的焦点触发装置的结构框图；

图6为一个实施例中计算机设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

本申请提供的显示页面的焦点触发方法，可以应用于如图1所示的应用环境中。其中，控制端102通过红外线、网络、蓝牙等方式与终端104进行通信。机顶盒104根据控制端发送的焦点变动指令，获取目标元素的位置，并根据设定好的此目标元素被触发为焦点时的显示效果来显示，消除显示页面中其他元素的焦点显示效果，实现页面的焦点变动操作；终端104将焦点的变动情况显示在显示屏106的显示页面中。其中，控制端102可以但不限于是各种电视即控制端、安装有遥控程式的智能手机、平板电脑和便携式可穿戴设备，终端104可以是智能电视的机顶盒、也可以是其他可实现机顶盒功能的设备。显示屏106可以为智能电视、电脑等实现显示功能的设备。

在一个实施例中，如图2所示，提供了一种显示页面的焦点触发方法，以该方法应用于图1中的服务器为例进行说明，包括以下步骤：

s202，接收控制端发送的焦点变动指令，焦点变动指令携带有焦点位移量。

其中，元素是显示页面上的可操作的内容，例如图片框、按键、输入框等等；焦点则是当前控制端触发的元素。

焦点变动指令是操作机顶盒等终端的控制端，向终端发送的、用于变动显示显示页面上的焦点元素的指令；例如，显示页面上当前的焦点为显示页面上的左上第一个元素，控制端向终端下达焦点变动指令，将焦点从左上角第一个元素移动到左上角第二个元素上。焦点位移量是焦点变动指令对应的待触发焦点相对于当前的焦点的位置的变化量；将焦点从左上角第一个元素移动到左上角第二个元素上的例子中，焦点位移量即为从第一个元素移动到第二个元素的位移量；焦点位移量可以根据不同显示页面中元素定位方法来表示，例如，若用二维坐标的方式来表示显示页面中的元素时，则焦点位移量可以为待触发的焦点和当前焦点之间的坐标的差值；若对显示页面中的每个元素进行单独编码的方式，则焦点位移量则为编码跳转的路径。

具体地，终端接收用户操作控制端下达的焦点变动指令，此焦点变动指令中应携带有待触发为焦点的元素与当前焦点元素之间的焦点位移量，使得终端可以识别到目标元素在显示页面中的位置。

s204，识别显示页面中的当前焦点位置，根据当前焦点位置和焦点位移量定位到目标元素。

当前焦点位置是当前显示页面中作为焦点的元素的位置，在一个显示页面中的某一个元素被触发作为焦点显示时，会在此元素的显示程式中调用焦点显示效果，终端在接收到控制端发送的焦点变动指令后，先对当前显示页面中所有元素的显示效果进行扫描，当发现某一元素的显示程式中调用了焦点显示效果时，即认为此元素的位置为当前焦点位置；终端在当前焦点位置上增加焦点位移量，获取目标元素的位置。

s206，识别目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取目标元素对应的焦点样式类。

其中，元素样式类是目标元素在未被触发为焦点时的样式类，可以根据元素的类型来进行设定，例如可以将图片类元素设定为一类元素样式、输入框类元素设置为一类元素，每一类元素对应不同的元素样式类，元素样式类可以用显示页面中的显示编码来设置，也可以在显示页面中插入对应元素时对其进行元素样式表示等方式。

焦点样式类是某一元素被触发为焦点时的样式类，可以根据具体的焦点显示效果来设定，可以将不同的元素样式类对应的焦点样式类设置为同一类，即页面中所有的元素在触发为焦点时，都对应同一类的显示效果，也可以对不同的元素样式类设置不同的焦点样式类，使得不同元素样式类的元素在被触发为焦点时，显示为不同的焦点显示效果。

具体地，技术人员在对页面上的不同元素进行编码时，对不同元素样式类的元素进行区分，并建立元素样式类与焦点样式类的对应关系，使得终端在识别到一个目标元素即将被触发为焦点时，根据此元素的元素样式类获取对应的焦点样式类，达到此元素被触发为焦点时的焦点显示效果。

s208，在所述显示页面中，将所述目标元素显示为所述焦点样式类对应的焦点显示效果，并消除所述当前焦点位置对应的当前元素的焦点显示效果。

其中，焦点显示效果为目标元素在触发为焦点时，在显示页面中的实际显示效果，例如，对于显示页面中的一些元素被触发为焦点时，通常可以在此元素上加入边框，或者将元素原边框调成高亮效果等等。

当前元素是在终端将目标元素触发成为焦点前、显示页面中显示为焦点效果的元素，即当前焦点位置对应的元素，焦点变动指令是控制端控制显示页面中的焦点从当前元素变为目标元素的指令；在将焦点从左上角第一个元素移动到左上角第二个元素上的例子中，左上角第一个元素为当前元素，左上角第二个元素为目标元素。

具体地，机顶盒在根据步骤s204定位到目标元素后，根据步骤s206获取此目标元素在触发为焦点时的焦点样式类，再根据焦点样式类将此目标元素显示为对应的焦点显示效果，并消除显示页面内当前元素的焦点显示效果，使得显示页面中只剩下此次触发为焦点的元素显示为焦点显示效果，完成此次的焦点触发操作。

上述显示页面的焦点触发方法中，通过遥控器等控制端向终端发送焦点变动指令，当终端接收到焦点变动指令后，根据其中的焦点位移量定位到显示页面中的目标元素，根据元素样式类和焦点样式类的对应关系获取此目标元素在触发为焦点时的焦点样式类，并根据焦点样式类将此元素显示为焦点显示效果，消除显示页面中当前元素的焦点显示效果，完成此次的焦点变化、新焦点触发的操作；上述方法中，通过元素样式类和焦点样式类的对应关系来控制元素未触发和被触发时的显示效果，在一个元素被定义为被触发元素时，再去调用对应的焦点样式类，最终实现此元素的焦点显示效果；对于对显示页面中的符合元素也可以通过页面编码的方式，将其纳入可被触发为焦点的元素，且通过集中定义元素样式类和焦点样式类的对应关系，可灵活修改元素被触发为焦点前后显示效果的变化。

在一个实施例中，请参见图3，上述步骤s206中的识别目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取目标元素对应的焦点样式类，可以包括：

s302，获取目标元素的显示程式中的第一元素样式标识。

其中，当前大部分终端的显示页面内的显示内容是用页面编码的方式表示的，目标元素的显示程式即为目标元素在显示时对应的编码区块，编码方式可以采用java或c语言等等常用的编码方法；在编码时将元素的样式类使用对应的元素样式标识来表示，以显示页面中代表元素样式类的特殊编码来表示，每一元素样式类的编码方式不相同，例如，在一个显示页面的编码中，可以用label和image分别表示标签对应的元素样式类和图片对应的元素样式类；第一元素样式标识是显示页面中代表目标元素的元素样式的标识。

具体地，终端在识别页面中的元素样式类和其对应的焦点样式类都是采用页面编码中定义的样式标识来表示的，故在步骤s206中识别目标元素的元素样式类也是通过获取目标元素的第一元素样式标识的方法来识别的。

例如，在使用is定义时，显示页面中的两行元素表示为：

第一行元素：vararray＝【“label-1”，“label-2”，“label-3”】；

第二行元素：【“image-1”，“image-2”，“image-3”】；

并定义varrow＝0，col＝0；记录当前焦点的行与列，即第一行第一列的元素。其中的label和image表示元素样式类。

s304，根据已存储的元素样式标识和焦点样式标识的映射关系，获取第一元素样式标识对应的第一焦点样式标识。

具体地，元素样式类和其对应的焦点样式类的映射关系，也采用与元素样式类对应的元素样式标识和与焦点样式类对应的焦点样式标识来建立，即在页面的顶层编码时，定义元素样式标识和焦点样式标识的映射关系，使得终端在识别出第一样式标识后，可以根据第一样式标识去查询元素样式标识和焦点样式标识的映射关系来获取第一样式标识对应的第一焦点标识。元素样式标识和焦点样式标识的映射关系可以例如：label类对应focus1，image类对应focus2类，这里的focus1和focus2为焦点样式标识的示例。

s306，将第一焦点样式标识添加到目标元素的显示程式中。

具体地，在终端获取目标元素被触发为焦点时的第一焦点样式标识时，可将这个样式标识添加到此元素在显示界面上的显示效果对应的显示程式中，此显示程式为定义此元素的显示效果的编码模块；例如在上例中的焦点位置为varrow＝0，col＝0。在后面可建立一个焦点显示效果的编码块，例如：focus{xx}，括号内的xx为焦点显示效果的调用图像的链接，使得终端可以根据此链接调用对应的图像达到对应的焦点显示效果。

另外，终端消除当前所显示的历史触发元素的焦点显示效果的操作，可以包括：识别显示页面中除目标元素以外的元素的显示程式中是否包含焦点样式标识，若包含，删除除目标元素以外的元素的显示程式中的焦点样式标识。在终端完成步骤s306中实现目标元素的焦点显示效果后，需要将历史触发元素的焦点显示效果消除，其消除方法是按照步骤s306中触发新焦点的焦点显示效果的逆操作，将除目标元素以外的元素的显示程式中的焦点样式标识删除。

上述实施例中，将显示页面中元素的元素样式类和其被触发为焦点后的焦点样式类，根据页面的底层编码进行定义得到元素样式标识和焦点样式标识，而终端的焦点触发方法实际为编码中根据其定义进行编码遍历、自动修改的过程；从底层编码定义页面的元素与焦点之间的转换关系，方便技术人员的理解，且可以实现灵活修改。

在一个实施例中，上述步骤s208中的将所述目标元素显示为所述焦点样式类对应的焦点显示效果，可以包括：获取第一焦点样式标识对应的焦点显示实例；根据焦点显示实例在显示页面中显示目标元素；渲染显示页面。

其中，焦点显示实例为元素被触发为焦点后的显示效果实例，可以为图像的形式，或者可以增加焦点声效实例、高亮显示效果实例等等。可以将焦点显示实例存储在机顶盒本地的预设文件夹中，在其对应的元素被触发为焦点时，通过在其显示程式中调用预设文件夹中存储的焦点显示实例，接上例中的focus{xx}，“xx”即为焦点显示实例的存储地址或者调用编码。

具体地，在机顶盒触发目标元素为焦点后，其对应的焦点显示效果是按照焦点显示实例来显示的，机顶盒根据第一焦点样式标识调用对应的焦点显示实例，将目标元素按照焦点显示实例的显示效果显示，并对原显示页面进行刷新渲染，实现焦点变动后的页面显示效果。

上述实施例中，机顶盒实现新的焦点元素的焦点显示效果触发，是通过机顶盒本地已存储的焦点显示实例来实现的，可以通过改变焦点显示实例或者焦点显示实例与焦点样式标识的对应关系，实现灵活变更页面的焦点显示效果。

在一个实施例中，上述显示页面的焦点触发方法还可以包括：接收服务器发送的映射更新指令；根据映射更新指令更新元素样式标识和焦点样式标识的映射关系。

其中，映射更新指令是管理各机顶盒的服务器发送给终端的、用于更新终端本地已存储的元素样式标识和焦点样式标识的映射关系的指令，可以以网络消息的方式发送到终端。

具体地，终端接收到服务器发送的映射更新指令后，可从服务器下载新的元素样式标识和焦点样式标识的映射关系，并用新下载的映射关系替代本地已存储的映射关系，使得终端下一次的焦点触发按照更新后的元素样式标识和焦点样式标识的映射关系来实现对应的焦点显示效果。

上述实施例中，服务器可以通过向其管理的终端发送映射更新指令的方式，修改终端本地的元素样式标识和焦点样式标识的映射关系，统一管理多终端控制的焦点显示效果。

在一个实施例中，上述步骤渲染显示页面，可以包括：识别目标元素在显示页面中的第一区域和删除的焦点样式标识对应的元素在显示页面中的第二区域；渲染第一区域和第二区域。

具体地，为了避免每次焦点变动时都对整个页面渲染，产生不必要的流量损耗，可以对显示页面进行分区，分区的方式可以按照一个显示页面中的元素位置、元素数量等来划分，第一区域是显示页面中包含目标元素的区域，而第二区域是显示页面中需要消除焦点显示效果的原焦点所在的区域；终端渲染显示页面时，只对存在变动的第一区域和第二区域进行渲染，而不渲染未改变的区域。

上述实施例中，通过对显示页面分区，且只渲染焦点变动时显示效果变化的区域，减少了终端和显示页面的渲染工作，且降低了页面渲染中造成的流量损耗。

在一个实施例中，显示页面上元素的位置按照二维数组表示，则焦点位移量包括第一位移量和第二位移量。在对终端的显示页面中进行元素定义时，采用二维数组的方式管理显示页面上的元素，即每个元素在显示页面中用唯一的位置id来表示，此位置id为一个二维数组表示的坐标。控制端向终端发送焦点变动指令实际上是根据显示页面中每个元素的二维位置id来进行待触发焦点的定位。终端接收到控制端发送的焦点变动指令后，将焦点变动指令映射到显示页面的元素位置表征的二维数组的坐标上，通过二维数组来获取待触发的元素的位置。

请参见图4，上述步骤s204中的识别显示页面中的当前焦点位置，根据当前焦点位置和焦点位移量定位到目标元素，具体包括以下步骤：

s402，获取显示页面中的当前焦点位置，当前焦点位置包括当前第一坐标和当前第二坐标。

具体地，当前焦点位置在显示页面中的表示方式为一个二维数组的坐标表示，其中应包括当前第一坐标和当前第二坐标。控制端发送的焦点位移量也包含目标元素相对于当前第一坐标的第一位移量，和目标元素相对于当前第二坐标的第二位移量。例如，当前焦点位置可以表示为previous＝array【col】【row】，col为当前第一坐标，row为当前第二坐标。

s404，在当前第一坐标的基础上增加第一位移量，得到待触发第一坐标。

具体地，控制端一般通过方向键(左/右/上/下)来控制终端的显示页面中焦点位置的变化，终端先识别控制端按动的键对应的位移方向，在当前焦点位置上按照位移方向进行位移量的变化，首先识别控制端发送的焦点变动指令中在当前第一坐标上增加的第一位移量，获取到目标元素的待触发第一坐标。

例如，可以将当前第一坐标和当前第二坐标方向的位移量分别映射到控制端的左/右/上/下四个键上，例如当前第一坐标方向的位移量映射到控制端的左、右键，按动左键即在当前第一坐标上加入负向位移量，按动右键即在当前第一坐标上加入正向位移量；当前第二坐标方向的位移量映射到控制端的上、下键；按动下键即在当前第二坐标上加入负向位移量，按动上键即在当前第二坐标上加入正向位移量。其控制端的按键与焦点位移量的变动方向之间的映射关系不限于上述例子，可根据实际情况调整。

s406，在当前第二坐标的基础上增加第二位移量，得到待触发第二坐标。同时识别控制端发送的焦点变动指令中在当前第二坐标上增加的第二位移量，获取到目标元素的待触发第二坐标。

s408，根据待触发第一坐标和待触发第二坐标定位到目标元素。

终端根据上述步骤s404和步骤s406中获取的目标元素的待触发第一坐标和待触发第二坐标在显示页面中定位到唯一的目标元素。

如，previous＝array【col】【row】表示当前焦点位置；current＝array【col+ystep】【row+xstep】current为目标元素位置，则ystep和xstep为根据遥控机的方向键在当前焦点位置上的第一位移量和第二位移量。

上述实施例中，通过控制端的按键与实际显示页面中常用的焦点分布情况，采用二维数组坐标的方式表示显示页面中的元素，并通过控制端控制当前焦点位置坐标方向位移量的变动实现焦点变动的方案。

应该理解的是，虽然图2-4的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2-4中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

在一个实施例中，如图5所示，提供了一种显示页面的焦点触发装置，包括：焦点变动指令接收模块100、位置识别模块200、显示样式获取模块300和显示更新模块400，其中：

焦点变动指令接收模块100，用于接收控制端发送的焦点变动指令，焦点变动指令携带有焦点位移量。

位置识别模块200，用于识别显示页面中的当前焦点位置，根据当前焦点位置和焦点位移量定位到目标元素。

显示样式获取模块300，用于识别目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取目标元素对应的焦点样式类。

显示更新模块400，用于在显示页面中，将所述目标元素显示为所述焦点样式类对应的焦点显示效果，并消除所述当前焦点位置对应的当前元素的焦点显示效果

在一个实施例中，上述显示样式获取模块300，可以包括：

当前样式识别单元，用于获取目标元素的显示程式中的第一元素样式标识。

待显示焦点样式获取单元，用于根据已存储的元素样式标识和焦点样式标识的映射关系，获取第一元素样式标识对应的第一焦点样式标识。

焦点样式添加单元，用于将第一焦点样式标识添加到目标元素的显示程式中。

在一个实施例中，上述显示页面的焦点触发装置中的显示更新模块400，可以包括：

显示实例获取单元，用于获取第一焦点样式标识对应的焦点显示实例。

实例显示单元，用于根据焦点显示实例显示目标元素。

渲染单元，用于渲染显示页面。

在一个实施例中，上述显示页面的焦点触发装置还可以包括：

更新指令接收模块，用于接收映射更新指令。

映射更新模块，用于根据映射更新指令更新已存储的元素样式标识和焦点样式标识的映射关系。

在一个实施例中，上述显示页面的焦点触发装置中的渲染单元可以包括：

区域识别子单元，用于识别目标元素在显示页面中的第一区域和删除的焦点样式标识对应的元素在显示页面中的第二区域。

分区域渲染子单元，用于渲染第一区域和第二区域。

在一个实施例中，上述显示页面的焦点触发装置中的位置识别模块200，可以包括：

当前焦点位置单元，用于获取显示页面中的当前焦点位置，当前焦点位置包括当前第一坐标和当前第二坐标。

第一位移单元，用于在第一坐标的基础上增加第一位移量，得到待触发第一坐标。

第二位移单元，用于在第二坐标的基础上增加第二位移量，得到待触发第二坐标。

待触发焦点定位单元，用于根据待触发第一坐标和待触发第二坐标定位到目标元素。

关于显示页面的焦点触发装置的具体限定可以参见上文中对于显示页面的焦点触发方法的限定，在此不再赘述。上述显示页面的焦点触发装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图6所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种显示页面的焦点触发方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图6中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，提供了一种计算机设备，包括存储器和处理器，该存储器存储有计算机程序，该处理器执行计算机程序时实现以下步骤：接收控制端发送的焦点变动指令，焦点变动指令携带有焦点位移量；识别显示页面中的当前焦点位置，根据当前焦点位置和焦点位移量定位到目标元素；识别目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取目标元素对应的焦点样式类；在显示页面中，将所述目标元素显示为所述焦点样式类对应的焦点显示效果，并消除所述当前焦点位置对应的当前元素的焦点显示效果。

在一个实施例中，处理器执行计算机程序时实现的识别目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取目标元素对应的焦点样式类，包括：获取目标元素的显示程式中的第一元素样式标识；根据已存储的元素样式标识和焦点样式标识的映射关系，获取第一元素样式标识对应的第一焦点样式标识；将第一焦点样式标识添加到目标元素的显示程式中。

在一个实施例中，处理器执行计算机程序时实现的将所述目标元素显示为所述焦点样式类对应的焦点显示效果，包括：获取第一焦点样式标识对应的焦点显示实例；根据焦点显示实例在显示页面中显示目标元素；渲染显示页面。

在一个实施例中，处理器执行计算机程序时还实现以下步骤：接收服务器发送的映射更新指令；根据映射更新指令更新元素样式标识和焦点样式标识的映射关系。

在一个实施例中，处理器执行计算机程序时实现的渲染显示页面，包括：识别目标元素在显示页面中的第一区域和删除的焦点样式标识对应的元素在显示页面中的第二区域；渲染第一区域和第二区域。

在一个实施例中，显示页面上元素的位置按照二维数组表示，则焦点位移量包括第一位移量和第二位移量；处理器执行计算机程序时实现的识别显示页面中的当前焦点位置，根据当前焦点位置和焦点位移量定位到目标元素，包括：获取显示页面中的当前焦点位置，当前焦点位置包括当前第一坐标和当前第二坐标；在当前第一坐标的基础上增加第一位移量，得到待触发第一坐标；在当前第二坐标的基础上增加第二位移量，得到待触发第二坐标；根据待触发第一坐标和待触发第二坐标定位到目标元素。

在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现以下步骤：接收控制端发送的焦点变动指令，焦点变动指令携带有焦点位移量；识别显示页面中的当前焦点位置，根据当前焦点位置和焦点位移量定位到目标元素；识别目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取目标元素对应的焦点样式类；在显示页面中，将所述目标元素显示为所述焦点样式类对应的焦点显示效果，并消除所述当前焦点位置对应的当前元素的焦点显示效果。

在一个实施例中，计算机程序被处理器执行时实现的识别目标元素的元素样式类，并根据元素样式类和焦点样式类的对应关系，获取目标元素对应的焦点样式类，包括：获取目标元素的显示程式中的第一元素样式标识；根据已存储的元素样式标识和焦点样式标识的映射关系，获取第一元素样式标识对应的第一焦点样式标识；将第一焦点样式标识添加到目标元素的显示程式中。

在一个实施例中，计算机程序被处理器执行时实现的将所述目标元素显示为所述焦点样式类对应的焦点显示效果，包括：获取第一焦点样式标识对应的焦点显示实例；根据焦点显示实例在显示页面中显示目标元素；渲染显示页面。

在一个实施例中，计算机程序被处理器执行时还实现以下步骤：接收服务器发送的映射更新指令；根据映射更新指令更新元素样式标识和焦点样式标识的映射关系。

在一个实施例中，计算机程序被处理器执行时实现的渲染显示页面，包括：识别目标元素在显示页面中的第一区域和删除的焦点样式标识对应的元素在显示页面中的第二区域；渲染第一区域和第二区域。

在一个实施例中，显示页面上元素的位置按照二维数组表示，则焦点位移量包括第一位移量和第二位移量；计算机程序被处理器执行时实现的识别显示页面中的当前焦点位置，根据当前焦点位置和焦点位移量定位到目标元素，包括：获取显示页面中的当前焦点位置，当前焦点位置包括当前第一坐标和当前第二坐标；在当前第一坐标的基础上增加第一位移量，得到待触发第一坐标；在当前第二坐标的基础上增加第二位移量，得到待触发第二坐标；根据待触发第一坐标和待触发第二坐标定位到目标元素。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(rom)、可编程rom(prom)、电可编程rom(eprom)、电可擦除可编程rom(eeprom)或闪存。易失性存储器可包括随机存取存储器(ram)或者外部高速缓冲存储器。作为说明而非局限，ram以多种形式可得，诸如静态ram(sram)、动态ram(dram)、同步dram(sdram)、双数据率sdram(ddrsdram)、增强型sdram(esdram)、同步链路(synchlink)dram(sldram)、存储器总线(rambus)直接ram(rdram)、直接存储器总线动态ram(drdram)、以及存储器总线动态ram(rdram)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。