javascript - 如何检查元素是否使用 javascript 聚焦子元素？

Question

我正在尝试从我的代码中删除所有 jQuery。直到现在我用

if ($(selector).find(':focus').length === 0) {
    // focus is outside of my element
} else {
    // focus is inside my element
}

区分焦点是否在我的元素之一内。你能告诉我一个不用 jQuery 的方法吗？

Answer 1

您可以使用 Node.contains为此的原生 DOM 方法。

el.contains(document.activeElement);

将检查 activeElement 是否是 el 的后代。 如果要检查多个元素，可以使用 some 函数进行迭代。