双击时+取消单击事件+js

let clickTimer = null;

document.getElementById('myElement').addEventListener('click', function(event) {
    if (clickTimer !== null) {
        clearTimeout(clickTimer);
        clickTimer = null;
        // 处理双击事件
        handleDoubleClick(event);
    } else {
        clickTimer = setTimeout(function() {
            // 处理单击事件
            handleClick(event);
            clickTimer = null;
        }, 200); // 200毫秒的延迟
});

document.getElementById('myElement').addEventListener('dblclick', function(event) {
    event.preventDefault(); // 阻止默认的双击行为
    clearTimeout(clickTimer);
    clickTimer = null;
    // 处理双击事件
    handleDoubleClick(event);
});

function handleClick(event) {
    console.log('单击事件触发');
    // 在这里添加单击事件的处理逻辑
}

function handleDoubleClick(event) {
    console.log('双击事件触发');
    // 在这里添加双击事件的处理逻辑
}