原生JavaScript检测元素是否获得焦点
要检测元素是否在 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(`元素没有获得焦点`);
}