搜索框focus 搜索面板 从浏览器别的页面回来消失怎么实现
0
[已解决问题]
解决于 2019-10-25 14:32
目前的处理
currentPage: function() {
var hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ? 'mozHidden' : null
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange')
var onVisibilityChange = function() {
if (!document[hiddenProperty]) {
setTimeout(() => {
var div =
document.querySelector('.result')
if (div) { div.style.display = 'none' }
}, 100)
}
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange)
}
最佳答案
0
监听页面是否是浏览器当前页面，控制显示
function currentPage() {
var hiddenProperty = 'hidden' in document ? 'hidden' :
'webkitHidden' in document ? 'webkitHidden' :
'mozHidden' in document ? 'mozHidden' :
null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
var onVisibilityChange = function () {
if (!document[hiddenProperty]) {
console.log('页面激活');
} else {
console.log('页面非激活')
}
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);
}