javascript - 未选择检测元素

Question

如何测试 HTML 元素是否获得焦点？我想在未选择下拉选择列表时执行代码。因此，如果您单击文档，而不是选择列表中的任何其他位置，JavaScript 将取消选择它的所有元素。

此语句无效:

var items=document.getElementById("items");
items.focused==false;

我希望有人能帮助我。

Answer 1

较新版本的 JavaScript 允许这样做:

if( items.matchesSelector(":focus"))

但是对于旧版浏览器你可以试试:

if( document.querySelector("#items:focus"))

但是这在 IE 7 及更早版本中不起作用。

如果您需要这些支持，那么我会为您的处理程序建议这样的事情:

// some means of attaching a handler(evt) {
evt = evt || window.event;
var target = evt.srcElement || evt.target;
while(target) {
    if( target.id == "items") return true;
    target = target.parentNode;
}
// #items is not the target. Do something.