Question

有一个类似的问题here。但是在最初加载页面时它不起作用，因为如果例如用户在新选项卡中打开页面并且它没有得到焦点，则模糊事件将不会触发。

那么最好的方法是什么？

目前，我的临时解决方案是假设标签在加载时模糊，并将函数绑定到文档的鼠标悬停事件，将其设置为焦点。但如果用户没有在页面上放置鼠标，那将无效。

Answer 1

借用您链接的代码，将默认值设置为模糊：

<div id="blurDiv"></div>

<script>

var updateStatus = (function() {

  // Private stuff
  var el = document.getElementById('blurDiv');

  // The updateStatus function
  return function (evt) {
    evt = evt || window.event;
    var evtType = evt.type;
    var state;

    // Determine state
    if (evtType == 'load' || evtType == 'blur' || evtType == 'focusout' ) {
      state = 'blurred';
    } else {
      state = 'focussed';
    }

    // Now do something...
    el.innerHTML += '<br>' + state
  };
})();

window.onload = updateStatus;

if (/*@cc_on!@*/false) { // check for Internet Explorer
    document.onfocusin = updateStatus;
    document.onfocusout = updateStatus;
} else {
    window.onfocus = updateStatus;
    window.onblur = updateStatus;
}

</script>

IE似乎会引发很多额外的事件，每当有东西聚焦时，首先会出现模糊然后焦点，因此点击页面中的内容会产生很多虚假模糊/焦点对。

如何知道浏览器选项卡是否在加载Javascript时关注？

1 个答案: