[发明专利]一种web页面焦点控制方法

权利要求书

1.一种web页面焦点控制方法，包括以下步骤：

步骤100：对显示界面进行分区；

步骤200：通过输入设备在显示界面中移动的坐标判断当前焦点所在的区域，根据各区域的信息对当前焦点进行显示，

其中，所述区域具有唯一的功能标记，所述区域中包括一个或多个显示元素，显示元素包括按钮、文本框、图片、图标、动画，另外，对各区域进行标识，标识方式为{(坐标1，坐标2，...坐标n)；功能标记}；

步骤300：通过激活区域中焦点而触发事件;

所述步骤200进一步包括：

步骤210：对当前的焦点区域进行区别于非焦点区域的标识，

采用一个特定选区漂浮框表示当前的焦点选择，通过采用级联样式表画出漂浮框，并单独定义漂浮框的样式，所述漂浮框的样式包括颜色、圆角形式、发光显示，其中，所述漂浮框的颜色、圆角形式、发光显示可根据个人不同的喜好进行设置；

步骤220：为步骤210中所述的焦点区域添加显示方式，

通过JS模块来实现不同的显示效果的叠加，每一个显示效果都对应于一个处理JS模块，

包括五个所述处理JS模块，其中：

第一处理模块用于处理web应用与机顶盒的相关配置开关的问题；

第二处理模块用于处理web应用按键处理问题；

第三处理模块用于处理web应用浏览器适配问题；

第四处理模块用于处理web应用遥控悬浮框效果；

第五处理模块用于处理web应用数据分页问题；

步骤230：判断焦点是否在相同区域中的元素之间切换，其切换的方式为：步骤231：焦点在区域中移动时，根据移动的方向和显示元素坐标判断是否是区域内移动，还是区域外移动；步骤232：计算当前元素的坐标是否为边缘坐标，判断焦点移动的方向是否为边缘坐标之外的坐标，根据移动方向判断是否移动至其他的区域中；

在执行步骤230中，当焦点在相同区域中的元素之间切换时，流程进入到步骤241；当焦点在不同区域中的元素之间切换，流程进入到步骤242；

其中，步骤241：当焦点在相同区域中的元素之间切换的时候，采用同样大小的边框来回覆盖相应元素，并边框上产生一个行走的动画；步骤242：焦点移动到不同的区域时，根据移动的坐标判断当前焦点所在的功能区域，根据该功能区域选择适应该区域的显示方式。

2.如权利要求1所述的web页面焦点控制方法，其特征在于：所述步骤100中分区的方式：预先设定每一个区域的固定尺寸和位置，每一区域的位置相对于显示界面固定；或者相对于显示界面总体尺寸而言，每一区域具有固定比例的尺寸。

3.如权利要求1所述的web页面焦点控制方法，其特征在于：所述步骤100中分区的方式：在生成或者显示所述显示界面时，预先获得要划分的区域的数量，在创建所述显示界面或者显示所述显示界面时，对所述显示界面进行区域划分。

4.如权利要求1所述的web页面焦点控制方法，其特征在于：所述显示界面、所述区域是矩形、圆形、椭圆形中的一种或多种的组合。