如何知道在颤动状态下点击的是哪张卡

document.addEventListener('touchstart', handleTouchStart, false);
document.addEventListener('touchmove', handleTouchMove, false);
document.addEventListener('touchend', handleTouchEnd, false);

let xDown = null;
let yDown = null;

function handleTouchStart(evt) {
    const firstTouch = evt.touches[0];
    xDown = firstTouch.clientX;
    yDown = firstTouch.clientY;
}

function handleTouchMove(evt) {
    if (!xDown || !yDown) {
        return;
    }

    const xUp = evt.touches[0].clientX;
    const yUp = evt.touches[0].clientY;

    const xDiff = xDown - xUp;
    const yDiff = yDown - yUp;

    if (Math.abs(xDiff) < 5 && Math.abs(yDiff) < 5) { // 阈值可根据实际情况调整
        // 这里可以认为是单击事件
        console.log('Single tap detected');
    }

    xDown = null;
    yDown = null;
}

function handleTouchEnd(evt) {
    // 处理触摸结束事件
}

const element = document.getElementById('card');
const hammer = new Hammer(element);

hammer.on('tap', function(event) {
    console.log('Card tapped:', event.target);
});