(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210574793.2 (22)申请日 2022.05.25 (71)申请人 杭州安恒信息技 术股份有限公司 地址 310000 浙江省杭州市滨江区西兴街 道联慧街18 8号 (72)发明人 胡陈鑫　杨彦龙　 (74)专利代理 机构 北京集佳知识产权代理有限 公司 11227 专利代理师 张艺 (51)Int.Cl. G06F 3/04847(2022.01) G06F 3/0488(2022.01) G06F 9/445(2018.01) G06F 9/451(2018.01) (54)发明名称 一种触控加载数据方法、 装置、 设备、 存储介 质 (57)摘要 本申请公开了一种触控加载数据方法、 装 置、 设备、 存储介质， 涉及计算机技术领域， 应用 于浏览器， 包括： 当监听到屏幕上存在鼠标拖动 浏览器页面的行为时， 判断浏览器内容高度是否 高于浏览器容器高度； 若浏览器内容高度高于浏 览器容器高度， 则记录鼠标拖动行为的起始点位 置信息和结束点位置信息； 将起始点位置信息和 结束点位置信息代入贝塞尔曲线， 并通过贝塞尔 曲线利用动画对服务器发送的相应数据进行数 据加载。 通过本申请监听用户通过鼠标点击屏幕 散点的所触发的拖动事件， 再结合相应DOM结构 实现拖曳滚动屏幕， 实现触控加载数据， 通过新 的拖曳滑动方式进而加载数据给与用户更方便、 直接用户浏览体验， 提升页面 性能。 权利要求书2页 说明书8页 附图3页 CN 114968050 A 2022.08.30 CN 114968050 A 1.一种触控加载 数据方法， 其特 征在于， 应用于浏览器， 包括： 当监听到屏幕上存在鼠标拖动浏览器页面的行为 时， 判断浏览器 内容高度是否高于浏 览器容器高度； 若所述浏 览器内容高度高于所述浏 览器容器 高度， 则记录所述鼠标拖动行为的起始点 位置信息和结束点 位置信息； 将所述起始点位置信 息和所述结束点位置信 息代入贝塞尔曲线， 并通过所述贝塞尔曲 线利用动画对服 务器发送的相应数据进行 数据加载。 2.根据权利要求1所述的触控加载数据方法， 其特征在于， 所述当监 听到屏幕上存在鼠 标拖动浏览器页面的行为时， 判断浏览器内容高度是否高于浏览器容器高度， 包括： 若所述浏 览器内容高度低于所述浏 览器容器 高度， 则屏蔽当前鼠标拖动浏览器页面的 行为。 3.根据权利要求1所述的触控加载数据方法， 其特征在于， 所述当监 听到屏幕上存在鼠 标拖动浏览器页面的行为时之前， 还 包括： 通过Mutati onObserver监听屏幕上 是否存在鼠标拖动浏览器页面的行为。 4.根据权利要求1所述的触控加载数据方法， 其特征在于， 所述若所述浏 览器内容高度 高于所述浏览器容器高度， 则记录所述鼠标拖动行为的起始点位置信息和结束点位置信 息， 包括： 若所述浏览器内容高度高于所述浏览器容器高度， 则基于所述浏览器内容高度、 所述 浏览器容器高度进行高度溢出隐藏设置， 并记录所述鼠标拖动行为的起始 点位置信息和结 束点位置信息 。 5.根据权利要求4所述的触控加载数据方法， 其特征在于， 所述基于所述浏览器 内容高 度、 所述浏览器容器高度进行高度溢出隐藏设置， 包括： 若所述浏 览器内容高度 大于所述浏 览器容器 高度， 则通过层叠样式表并利用隐藏溢出 指令， 对所述浏览器内容进行高度溢出隐藏设置； 若所述浏 览器内容宽度 大于所述浏 览器容器宽度， 则通过层叠样式表并利用隐藏溢出 指令， 对所述浏览器内容进行宽度溢出隐藏设置 。 6.根据权利要求1至5任一项所述的触控加载数据方法， 其特征在于， 所述将所述起始 点位置信息和所述结束点位置信息代入贝塞尔曲线， 并通过所述贝塞尔曲线利用动画对服 务器发送的相应数据进行 数据加载 过程中， 还 包括： 监测当前用户可视区域的实时高度 大小， 若当前所述用户可视区域的实时高度为零且 用户保持鼠标拖动浏览器页面的行为， 则判定用户意图为快速加载 数据操作。 7.根据权利要求6所述的触控加载数据方法， 其特征在于， 所述判定用户意图为快速加 载数据操作之后， 还 包括： 继续触发所述通过所述贝塞尔曲线利用动画对服务器发送的相应数据进行数据加载 的步骤。 8.一种触控加载 数据装置， 其特 征在于， 应用于浏览器， 包括： 高度判断模块， 用于当监听到屏幕上存在鼠标拖动浏览器页面的行为时， 判断浏览器 内容高度是否高于浏览器容器高度； 信息记录模块， 用于若所述浏览器内容高度高于所述浏览器容器高度， 则记录所述鼠权　利　要　求　书 1/2 页 2 CN 114968050 A 2标拖动行为的起始点 位置信息和结束点 位置信息； 数据加载模块， 用于将所述起始点位置信息和所述结束点位置信息代入贝塞尔曲线， 并通过所述贝塞尔曲线利用动画对服 务器发送的相应数据进行 数据加载。 9.一种电子设备， 其特 征在于， 包括： 存储器， 用于保存计算机程序； 处理器， 用于执行所述计算机程序， 以实现如权利要求1至7任一项所述的触控加载数 据方法的步骤。 10.一种计算机可读存储介质， 其特征在于， 用于存储计算机程序； 其中， 所述计算机程 序被处理器执行时实现如权利要求1至7任一项所述的触控加载 数据方法的步骤。权　利　要　求　书 2/2 页 3 CN 114968050 A 3