gpt4 book ai didi

javascript - 文档对象使用和行为的 activeElement 属性?

转载 作者:行者123 更新时间:2023-11-29 10:51:09 24 4
gpt4 key购买 nike

文档对象的 activeElement 属性设置具有键盘焦点的当前元素。

但是我看到了奇怪的行为:

如果我将鼠标放在图像/ anchor 上,activeElement 会显示

<body>

如果我右击 anchor ,activeElement 显示

<a href=....

如果我右击图片,activeElement 显示

<body>

有人可以解释正确的行为吗?

我正在使用 Firefox。

console.log(document.activeElement);

最佳答案

只有“focusable”的元素才能获得焦点。与链接或文本区域不同,图像元素的“焦点”(具有讽刺意味的是)在很大程度上是没有意义的,因此规范没有将其列在必须可聚焦的元素中,大多数(所有?)浏览器都会效仿。

当您[右键]单击一个元素时,它会“模糊”先前获得焦点的元素(如果有的话),并且“如果没有另一个元素被明确地聚焦在它的位置,用户代理应该同步运行聚焦body 元素的步骤,如果有的话”——换句话说,由于图像无法聚焦,因此它会聚焦 body 元素。

如果您需要将焦点行为放在图像或其他不可聚焦的元素上,最好的解决方案通常是将其包装在链接中。

关于javascript - 文档对象使用和行为的 activeElement 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9983090/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com