Javascript 让html元素在jQuery移动刷上跟随finger

我有一个div，我在上面使用jquerymobile监听刷卡事件

我想知道如何让div跟随并用手指移动，从刷卡开始到刷卡结束

几乎就像只有在刷卡时才可以拖动一样

尽管我不想使用jqueryui

我如何才能以最好的方式正确地完成这项工作

我这样做的方法是在鼠标按下时，将div的偏移量设置为鼠标的x位置。但这会激发每个像素，而且效率似乎很低。它也发生在鼠标按下时，而不是刷卡时

这是我监听刷卡的代码，在本例中是向右刷卡：

$('#main').on('swiperight', '.dataCard', function(event){
    event.preventDefault();
    // what happens on swipe here
});

---

现在，如何让

.dataCard

在手指滑动时跟随它，直到捡起手指？

好的，您可以在调试器中断时检查事件。此外，您不能更改“相对”元素的位置，它将始终处于文档流位置（因此我问您是否将该元素设置为绝对）。

我可以想象.dataCard元素在容器中需要某种绝对位置。“事件”对象是否具有x，y坐标？如果是这样，则将.dataCard元素的顶部和左侧更改为那些x/y值。@revlayle否，它是

position:relative。如何获取事件的x/y坐标？如何检查事件是否具有坐标？我应该把它放在哪里，在里面，
//在这里刷卡会发生什么？