js监听浏览器焦点事件

window.onfocus = function () {//焦点在当前窗口//功能函数
}window.onblur = function () {//焦点不在当前窗口//功能函数
}

当点击浏览器外的区域：

window.onfocus = function () {window.alert("焦点离开网页");
}

当点击浏览器内的区域：

window.onfocus = function () {window.alert("焦点回到网页");
}

js监听浏览器焦点事件相关推荐

js监听浏览器关闭事件(区分刷新和关闭,兼容IE9,10,11,Edge，Chrome和Firefox)
由于各浏览器兼容性不同,所以首先要先区分各浏览器 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = use ...
js监听浏览器后退事件
$(function () {// 捕捉后退 $(document).ready(function (e) {window.history.pushState('forward', null, '#' ...
js监听页面焦点事件
document.addEventListener('visibilitychange', function () {var isHidden = document.hidden;if (isHidd ...
js 监听浏览器刷新还是关闭事件
// $(window).bind('beforeunload',function(){return '您输入的内容尚未保存,确定离开此页面吗?';}); // window.onbeforeunlo ...
html5 浏览器退回事件,html5的pushstate以及监听浏览器返回事件的实现
这篇文章主要介绍了html5的pushstate以及监听浏览器返回事件的实现,主要介绍了pushstate的使用,以及监听浏览器的解决等问题,感兴趣的可以一起来了解一下 pushstate与监听浏览器 ...
js监听浏览器tab页面变化
js监听浏览器tab页面变化引言今天写到一个需求,当用户离开当前页面的时候,需要关闭页面的一个功能,查找资料发现了这个指令,个人觉得很有用,记录下来... 直接上代码 mounted:(){thi ...
linux输入数字切换浏览器tab,js监听浏览器tab窗口切换
js监听浏览器tab窗口切换 --IT唐伯虎摘要:js监听浏览器tab窗口切换. if (document.hidden !== undefined) { document.addEventList ...
html5中检测网络状态的方法,前端js监听浏览器网络变化
首先,为什么要让前端判断用户的网络状态呢--为了更好的用户体验. 其次,前端能否判断网络状态?有哪些方法? 1,可以做到渐进式判断,不能做到绝对准确. 2,使用的是navigator.onLine或n ...
js监听浏览器返回、后退、上一页按钮事件方法
一.监听浏览器事件⼤家知道在页⾯中我们可以使⽤javascript window history,后退到前⾯页⾯,但是由于安全原因javascript不允许修改history ⾥已有的url链接,但 ...

js监听浏览器焦点事件

js监听浏览器焦点事件相关推荐

最新文章

热门文章