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。