原生JavaScript检测元素是否获得焦点

时间:2022-06-01 17:37:24

要检测元素是否在 JavaScript 中有焦点,可以使用document对象的只读属性 activeElement

const elem = document.activeElement;

activeElement 返回document当前获得焦点的元素。

示例:使用 activeElement 属性检查class为.user<input> 元素是否有焦点:

const elem = document.querySelector('.user');

if (elem === document.activeElement) {
    console.log('元素获得焦点');
} else {
    console.log(`元素没有获得焦点`);
}