[发明专利]适用于移动终端的hover显示方法

说明书

本发明公开一种适用于移动终端的hover显示方法，包括以下几个步骤：S1：用户数据采集模块；S2:视频节目鉴别能力计算和排序模块；S3:VideoBag打包模块；S4:权重计算模块；S5:用户特征表生成模块；S6:广告投放模块。本发明通过海量的基础用户数据，结合大数据和机器学习技术，提高了汽车营销领域的转化率和精准率，同时提高了用户体验，降低了用户反感度。

技术领域

本发明涉及多媒体显示应用技术领域，特别涉及一种适用于移动终端的hover显示方法。

背景技术

CSS伪类的hover在移动端一直是个难题，PC端鼠标光标永远会停留在屏幕上，而移动端手指离开屏幕无法被检测到，这导致在移动端应用了hover伪类的元素无法实现跟PC端一样的“点击-弹起”效果，造成用户体验的缺失。目前有一些主流库采用active模拟，但是active除了有ios和android的兼容问题，对于嵌套的元素active也带来了“穿透现象”，如果父元素和子元素同时设置了active或hover,在点击子元素时父元素也会出现被点击的视觉效果。本专利提出一种通用的解决移动端的hover交互效果缺失的问题。

发明内容

本发明要解决的技术问题是提供一种适用于移动终端的hover显示方法，能够移动端的hover交互效果缺失的问题。

为了解决上述技术问题，本发明的技术方案为：

一种适用于移动终端的hover显示方法，包括以下几个步骤：

S1：基于组件技术构建一种通用组件，在组件底层通过JavaScript判断当前环境是属于可触摸环境还是不可触摸环境；

S2：对于可触摸环境：利用标准的Touch事件模型，实现模拟算法完整模拟移动端的表达hover效果；

S3：对于不可触摸环境：利用标准的Mouse事件模型，实现模拟算法完整模拟鼠标来表达hover效果；

S4：对于穿透现象,通过阻止流程传播的方式解决。

优选的，所述用特定字符对html模板所需渲染部分对应的数据进行标识，并将该html模板及标识所需渲染部分对应的数据均以变量的形式传入引擎解析模块中。

优选的，所述引擎解析模块使用JavaScript语言的正则表达式对传入的html模板及标识所需渲染部分对应的数据进行匹配，匹配出传入html模板变量及所需渲染部分对应的数据变量，并将其组装成html代码形式返回前端。

优选的，所述对于不同的业务类型，需要的HTML模板是不同的，针对不同的业务类型，在HTML模板中添加不同的数据类型的属性。

优选的，所述Touch事件模型的建立为了简化对单个和多个触摸事件的识别，特定窗口内的每一个视图都可以被配置成多点触摸视图或是单点触摸视图，每一个视图都可以被配置成独占或是非独占视图，根据视图的配置，可以忽略或是识别该视图以及其他视图中的触摸事件。

优选的，所述经过处理的触摸输入数据可以被称为一个或多个触摸事件，并且可以采用由多点触摸面板产生的原始触摸数据更易于处理的格式，每一个触摸事件都可以包括当前正发生触摸处的一组坐标。

优选的，所述获取来自触摸敏感设备的一个或多个触摸输入信号，基于触摸输入信号确定两个或多个触摸事件，其中该触摸事件和在触摸敏感设备上显示的web页面中的两个或更多个区域相关联的触摸输入信号相关联，以及通过编程接口提供对至少一个触摸事件的访问。

优选的，所述存储触摸手势模型和鼠标事件之间映射模型的映射存储单元，用于获取触摸手势的手势输入单元和触摸手势从映射模型获取对应鼠标事件的控制单元和用于发送鼠标事件的鼠标事件发送单元，所述控制单元分别与映射存储单元、手势输入单元和鼠标事件发送单元相连。