Javascript，检测文本框是否有焦点？

Question

我正在升级脚本以使其跨浏览器。我当前的代码如下。

function testFocus(){   
    var testSelection = document.getElementById('chattext').contentWindow.
                  window.document.selection.createRange().parentElement();

    while (testSelection)
    {
        if (testSelection.id == "chatContent") {
            return true;
        }
        testSelection = testSelection.parentElement;
    }
    return false; 
}

但是，以下代码在现代浏览器中不再有效。目前，上面的代码必须选择文本。它只需要检查文本框是否具有焦点。该函数用于在通过按钮/JavaScript 添加文本之前进行检查。

Answer 1

让我震惊的是，您可以使用事件侦听器来设置变量。唯一的问题是 IE 使用 attachEvent(event,callback) 而不是 addEventListner，所以你实际上必须添加代码

<script type="text/javascript">
  var ChatHasFocus = false;
  var ts = document.getElementById('chattext');
  function setFocus()  {ChatHasFocus = true;}
  function setNoFocus(){ChatHasFocus = false;}
  if (ts.addEventListener != undefined) { 
      ts.addEventListener('focus', setFocus, false);
      ts.addEventListener('blur', setNoFocus, false);
  } else if (ts.attachEvent != undefined) {
      ts.attachEvent('onfocus', setFocus);
      ts.attachEvent('onblur', setNoFocus);
  } else {
      ts.onmouseover = setFocus;
      ts.onmouseout = setNoFocus;
  }
</script>

edit - 我添加了脚本标签来向您展示它如何添加到您的文档中。我已经在 Firefox 和 Chrome 中进行了测试，它似乎可以工作，但是将 IE 沙箱组合在一起对我来说可能会更困难一些。我确信我缺少一些东西 - 我会看一下。

edit2 我的 IE 代码犯了一个错误。发现你没有在 'undefined' 周围加上引号 我已经修复了上面的代码以反映在 firefox、chrome 和 IE6 中经过测试和 wotkign 的答案。我没有任何其他 IE 可以测试。