模拟鼠标单双击事件

如果元素上有以下情况
- 同时绑定了单击和双击事件
- 子元素绑定双击父元素绑定单击事件
为避免双击时触发单击事件,可以使用以下方法处理:

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