2016-04-11

风趣的阅读器活泼窗口监听

window.onblur & window.onfocus

在阅读器中，有如许两个事宜监听 window.onblur & window.onfocus，
离别示意的是窗口落空核心和窗口处于活泼状况，什么意思呢？

即在你阅读其他窗口页面、或是阅读器最小化、又或是点击了其他顺序等等，都算是阅读器窗口落空核心，那末 window.onblur 事宜就会触发。
一样的，当你回到该窗口阅读网页，该窗口就处于活泼状况，响应的 window.onfocus 事宜也会触发。

那末我们能够应用这两个事宜做哪些风趣的东西呢？

让网页题目变得风趣

首先来我的博客感受一下吧，地点：安生博客，
翻开网页以后，点击其他窗口，然后再次回到安生博客，时期请注意网页题目的变化，是否是很好玩。
没错，玩的就是心计，让你不看我的博客哈哈。

代码完成

代码异常地简朴，以致于你不能不叹息天下真的很巧妙。
接下来将是一段愉悦的时间，由于立时我就要把我的全球摆在你的眼前了。

(function () {
  var title = document.title
  window.onblur = function () {
    document.title = '网页崩溃了，快看！'
  }

  window.onfocus = function () {
    document.title = title
  }
})()

将以上代码放在你的html文件中即可。