js touch click

let touchStartTime = 0;

element.addEventListener('touchstart', function(event) {
    touchStartTime = new Date().getTime();
});

element.addEventListener('touchend', function(event) {
    const touchEndTime = new Date().getTime();
    if (touchEndTime - touchStartTime < 300) { // 如果触摸时间很短，则认为是点击操作
        event.preventDefault(); // 阻止默认的click事件触发
        // 执行自定义的点击逻辑
    }
});

element.addEventListener('touchmove', function(event) {
    event.preventDefault(); // 阻止默认滚动行为
    const touches = event.touches;
    for (let i = 0; i < touches.length; i++) {
        const touch = touches[i];
        console.log(`Touch ${i}: (${touch.clientX}, ${touch.clientY})`);
    }
});

element.addEventListener('touchstart', function(event) {
    console.log('Touch started');
});

element.addEventListener('touchmove', function(event) {
    console.log('Touch moving');
});

element.addEventListener('touchend', function(event) {
    console.log('Touch ended');
});

element.addEventListener('click', function(event) {
    console.log('Element clicked');
});