买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

龙图腾网获悉浪潮企业云科技(山东)有限公司申请的专利基于Vue指令的触摸手势动态识别方法、设备及介质获国家发明授权专利权，本发明授权专利权由国家知识产权局授予，授权公告号为：CN120523383B 。

龙图腾网通过国家知识产权局官网在2025-10-17发布的发明授权授权公告中获悉：该发明授权的专利申请号/专利号为：202511006556.6，技术领域涉及：G06F3/04883；该发明授权基于Vue指令的触摸手势动态识别方法、设备及介质是由曹天文;吴彦林;孙继赟设计研发完成，并于2025-07-22向国家知识产权局提交的专利申请。

本基于Vue指令的触摸手势动态识别方法、设备及介质在说明书摘要公布了：本发明公开了基于Vue指令的触摸手势动态识别方法、设备及介质，属于前端交互技术领域，本发明要解决的技术问题为现有技术中在Vue.js开发中实现触摸手势识别时存在的复杂性、兼容性、性能、开发效率和用户体验，采用的技术方案为：注册Vue指令，用于封装触摸手势识别逻辑；绑定触摸事件：在Vue指令的bind钩子中，为绑定的DOM元素绑定touchstart事件、touchmove事件和touchend事件，实现触摸事件的监听与处理；手势识别及手势类型判断；更新Vue数据；触发反馈；性能优化。

本发明授权基于Vue指令的触摸手势动态识别方法、设备及介质在权利要求书中公布了：1.一种基于Vue指令的触摸手势动态识别方法，其特征在于，该方法具体如下： 注册Vue指令，用于封装触摸手势识别逻辑；其中，Vue指令定义指令名称的命名规则，并通过app.directive'touch-gesture',{…}在Vue应用入口一次性全局注册； 绑定触摸事件：在Vue指令的bind钩子中，为绑定的DOM元素绑定touchstart事件、touchmove事件和touchend事件，实现触摸事件的监听与处理； 手势识别及手势类型判断：为touchstart事件、touchmove事件和touchend事件分别定义处理函数，用于捕获触摸点的变化并判断手势类型为滑动手势、缩放手势还是点击手势； 更新Vue数据：在updateel,binding钩子中，利用Vue指令注入的新值binding.value与旧值binding.oldValue进行严格相等比较，根据比较结果，更新Vue数据； 触发反馈：将手势识别结果与Vue数据进行交互，实现数据绑定及事件触发； 性能优化：通过节流和防抖，减少touchmove事件的触发频率，避免误触； 其中，指令名称的命名规则具体为：指令名称必须以v-开头，只能包含字母和短横线，且具有描述性； 绑定触摸事件具体如下： 在bindel,binding钩子中，el即为模板中被Vue指令绑定的DOM元素，直接对el使用addEventListener即可，无需再查找其他元素，在DOM元素上调用el.addEventListener注册touchstart事件、touchmove事件及touchend事件即可完成初始化监听； 该方法还包括解绑触摸事件，具体为：在unbind钩子中，通过el.removeEventListener移除全部监听器，并清空挂载在el上的自定义属性，防止内存泄漏； 滑动手势为一个触摸点，通过计算触摸点的移动距离和方向，判断是否为滑动手势；具体如下： 在touchstart事件中，通过e.touches[0].clientX和e.touches[0].clientY获取X轴和Y轴初始坐标X轴和Y轴，并命名为startX和startY； 在touchend事件中，通过e.changedTouches[0].clientX、e.changedTouches[0].clientY获取X轴和Y轴结束坐标，并命名为endX及endY； 计算水平位移，具体为：constdeltaX=endX–startX； 计算垂直位移，具体为：constdeltaY=endY–startY； 当水平方向Math.absdeltaX的值大于垂直方向Math.absdeltaY的值时，说明为滑动手势； 缩放手势为两个触摸点，通过计算两个触摸点之间的距离变化判断是否为缩放手势；具体如下： 第一个触点的X轴坐标表示为：constx1=event.touches[0].clientX； 第一个触点的Y轴坐标表示为：consty1=event.touches[0].clientY； 第二个触点的X轴坐标表示为：constx2=event.touches[1].clientX； 第二个触点的Y轴坐标表示为：consty2=event.touches[1].clientY； 在touchmove中计算当前距离以及缩放比例，公式如下： constdx=x2-x1； constdy=y2-y1； 初始距离为conststartDistance=Math.sqrtdx*dx+dy*dy； 结束距离为constcurrentDistance=Math.sqrtdx*dx+dy*dy； 若初始距离当前距离大于1，则说明用户正在进行放大操作； 若初始距离当前距离小于1，则说明用户正在进行缩小操作； 通过判断触摸事件的持续时间和触摸点的移动距离判断是否为点击手势；具体如下： 在touchstart中记录触摸开始时的时间戳startTime=Date.now； 在touchend触摸结束时的时间戳endTime； 计算触摸事件的持续时间，表示为：constduration=endTime–startTime； 在滑动手势的基础上判断滑动距离的大小，表示为：constdistance=Math.sqrtdeltaX*deltaX+deltaY*deltaY； 当constdistance的距离小于5px并且持续时间constduration小于1秒，则认为触摸点未移动，即为点击手势； 该方法还包括兼容性与响应式处理，具体如下： 通过检测浏览器的特性，确保手势识别功能在主流浏览器中都能正常工作，达到兼容性的目的； 通过媒体查询和百分比宽度，确保手势识别在不同屏幕尺寸的设备上均能正确显示，达到响应式设计的目的。

如需购买、转让、实施、许可或投资类似专利技术，可联系本专利的申请人或专利权人浪潮企业云科技(山东)有限公司，其通讯地址为：250000 山东省济南市高新区浪潮路1036号浪潮科技园S02号楼22层；或者联系龙图腾网官方客服，联系龙图腾网可拨打电话0551-65771310或微信搜索“龙图腾网”。

以上内容由龙图腾AI智能生成。