如何用Vue实现移动端拖拽功能，构建长尾关键词？

本文共计742个文字，预计阅读时间需要3分钟。

相关知识点：touchstart + 当在屏幕上按下手指时触发 + touchmove + 当在屏幕上移动手指时触发 + touchend + 当在屏幕上抬起手指时触发 + mousedown + mousemove + mouseup + 对应的是PC端的事件 + touchcancel + 当一些更高级别的事件发生时触发

相关知识点

touchstart 当在屏幕上按下手指时触发
touchmove 当在屏幕上移动手指时触发
touchend 当在屏幕上抬起手指时触发
mousedown mousemove mouseup对应的是PC端的事件
touchcancel 当一些更高级别的事件发生的时候（如电话接入或者弹出信息）会取消当前的touch操作，即触发 touchcancel。一般会在touchcancel时暂停游戏、存档等操作。

效果图

实现步骤html

总结了一下评论，好像发现大家都碰到了滑动的问题。就在这里提醒一下吧。可将该悬浮 DIV 同你的 scroller web 同级。

<template> <div id="webId"> <div>你的web页面</div> <!-- 1.1 如果碰到滑动问题，请检查这里是否属于同一点。