当弹出窗口激活时,停止自动关闭弹出窗口可以通过以下方式实现:
$(window).on('focus', function() {
clearTimeout(timer); // 清除自动关闭弹出窗口的定时器
});
$(window).on('blur', function() {
timer = setTimeout(function() {
// 关闭弹出窗口的逻辑
}, 5000); // 设置5秒后自动关闭弹出窗口
});
上述代码中,通过$(window).on('focus', ...)
监听窗口获得焦点事件,当窗口获得焦点时,使用clearTimeout(timer)
清除之前设置的自动关闭定时器。通过$(window).on('blur', ...)
监听窗口失去焦点事件,当窗口失去焦点时,重新设置自动关闭定时器。
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', ...)
监听窗口失去焦点事件,当窗口失去焦点时,重新设置自动关闭定时器。
这种实现方式可以适用于各种弹出窗口,例如模态框、浮动窗口等。通过监听窗口的焦点状态,可以在用户操作弹出窗口时停止自动关闭的行为,提升用户体验。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云