要确定哪个HTML页面元素具有焦点,您可以使用JavaScript的document.activeElement
属性。这个属性返回当前具有焦点的DOM元素,例如输入框、按钮等。
以下是一个简单的示例,演示如何使用document.activeElement
属性:
function getFocusedElement() {
var focusedElement = document.activeElement;
console.log("当前具有焦点的元素是:", focusedElement);
}
// 当页面加载时,检查哪个元素具有焦点
window.addEventListener("load", getFocusedElement);
// 当焦点发生变化时,检查哪个元素具有焦点
document.addEventListener("focus", getFocusedElement);
在这个示例中,我们定义了一个名为getFocusedElement
的函数,该函数使用document.activeElement
属性获取当前具有焦点的元素,并将其输出到控制台。我们还添加了两个事件监听器,一个在页面加载时检查哪个元素具有焦点,另一个在焦点发生变化时检查哪个元素具有焦点。
请注意,这个方法只能检测到可以接收焦点的元素,例如输入框、按钮等。对于其他元素,例如<div>
或<span>
,它们可能无法获得焦点,因此无法使用此方法检测它们。
领取专属 10元无门槛券
手把手带您无忧上云