mouseover防误碰

在JavaScript中，处理mouseover​事件时，如果需要防止误触发（例如，用户快速移动鼠标或无意间触发），可以采取几种策略来优化用户体验。

使用setTimeout​来延迟执行mouseover​的回调函数。如果用户在指定的时间内没有保持鼠标不动，则不会触发事件。

let timeoutId;
element.addEventListener('mouseover', function() {
    clearTimeout(timeoutId);
    timeoutId = setTimeout(function() {
        // 实际的 mouseover 逻辑
        console.log('Mouse over detected');
    }, 500); // 500毫秒后触发
});

element.addEventListener('mouseout', function() {
    clearTimeout(timeoutId);
});

‍