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

摘要

本发明提供一种web页面焦点控制方法，通过输入设备在显示界面中移动的坐标判断当前焦点所在的区域，根据各区域的信息对当前焦点进行显示。当焦点在相同区域中的元素之间切换的时候，采用同样大小的边框来回覆盖相应元素，并边框上产生一个行走的动画；焦点移动到不同的区域时，根据移动的坐标判断当前焦点所在的功能区域，根据该功能区域选择适应该区域的显示方式。通过以上技术方案能够实现所有页面的焦点风格统一，且使得对浏览器的依赖大大弱化，从用户体验角度来讲，带给用户这样一种独特的体；并且不再依赖浏览器对焦点控制方式的实现，从而全面掌握应用在用户端的展现。

主权项

一种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：焦点移动到不同的区域时，根据移动的坐标判断当前焦点所在的功能区域，根据该功能区域选择适应该区域的显示方式。