当弹出窗口激活时，停止自动关闭弹出窗口(jquery/javascript)

当弹出窗口激活时，停止自动关闭弹出窗口可以通过以下方式实现：

使用jQuery实现：

$(window).on('focus', function() {
    clearTimeout(timer); // 清除自动关闭弹出窗口的定时器
});

$(window).on('blur', function() {
    timer = setTimeout(function() {
        // 关闭弹出窗口的逻辑
    }, 5000); // 设置5秒后自动关闭弹出窗口
});

上述代码中，通过$(window).on('focus', ...)监听窗口获得焦点事件，当窗口获得焦点时，使用clearTimeout(timer)清除之前设置的自动关闭定时器。通过$(window).on('blur', ...)监听窗口失去焦点事件，当窗口失去焦点时，重新设置自动关闭定时器。

使用纯JavaScript实现：

var timer;

window.addEventListener('focus', function() {
    clearTimeout(timer); // 清除自动关闭弹出窗口的定时器
});

window.addEventListener('blur', function() {
    timer = setTimeout(function() {
        // 关闭弹出窗口的逻辑
    }, 5000); // 设置5秒后自动关闭弹出窗口
});

上述代码中，通过window.addEventListener('focus', ...)监听窗口获得焦点事件，当窗口获得焦点时，使用clearTimeout(timer)清除之前设置的自动关闭定时器。通过window.addEventListener('blur', ...)监听窗口失去焦点事件，当窗口失去焦点时，重新设置自动关闭定时器。

这种实现方式可以适用于各种弹出窗口，例如模态框、浮动窗口等。通过监听窗口的焦点状态，可以在用户操作弹出窗口时停止自动关闭的行为，提升用户体验。

腾讯云相关产品和产品介绍链接地址：