要找出哪个DOM元素具有焦点,可以使用JavaScript的document.activeElement
属性。这个属性返回当前具有焦点的DOM元素,通常是<input>
、<textarea>
或<button>
等可交互元素。
以下是一个简单的示例:
// 获取当前具有焦点的DOM元素
const focusedElement = document.activeElement;
// 输出元素的相关信息
console.log('具有焦点的DOM元素:', focusedElement);
console.log('元素的ID:', focusedElement.id);
console.log('元素的类名:', focusedElement.className);
console.log('元素的标签名:', focusedElement.tagName);
请注意,document.activeElement
属性只返回当前具有焦点的元素,如果没有元素具有焦点,则返回<body>
元素。
领取专属 10元无门槛券
手把手带您无忧上云