Simular evento de clique único e duplo do mouse

Se houver as seguintes condições no elemento
- ambos os eventos de clique e clique duplo estão vinculados ;
- o elemento filho é obrigado a clicar duas vezes no elemento pai para vincular o evento de clique ;
para evitar o acionamento do evento de clique ao clicar duas vezes, você pode usar o seguinte método para lidar com:

let clickNum = 0;
const singleOrDoubleClick = (someParams) => {
    
    
    clickNum += 1;
    setTimeout(() => {
    
    
        if (clickNum === 1) {
    
    
            // do something 单击事件...
            clickNum = 0;
        }
    }, 300); // 单双击间隔一般为300ms
    if (clickNum > 1) {
    
    
        // do something 双击事件...
        clickNum = 0;
    }
};

おすすめ

転載: blog.csdn.net/weixin_53058401/article/details/127968679