文档对象用法和行为的activeElement属性.文档对象的



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

但我看到了奇怪的行为:

如果我把鼠标放在图像/锚点上,activeElement会显示

<body>

如果我右键单击锚点,activeElement显示

<a href=....

如果我右键单击图像,activeElement显示

<body>

有人能检查一下正确的行为吗?

我正在使用Firefox。

console.log(document.activeElement);

只有"可聚焦"的元素才能具有焦点。与链接或文本区域不同,对于图像元素来说,"焦点"(具有讽刺意味)基本上没有意义,因此规范没有将其列为必须可聚焦的元素之一,大多数(所有?)浏览器都会效仿。

当你[右键-]点击一个元素时,它会"模糊"之前聚焦的元素(如果有的话),并且,"在没有明确聚焦另一个元素的情况下,用户代理应该同步运行身体元素的聚焦步骤,如果有""——换句话说,由于图像是不可聚焦的,它会聚焦身体元素。

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

最新更新