Question

我在一个可聚焦元素中有一个固定元素。当我单击固定元素时，父可聚焦元素应该获得焦点。它适用于Chrome，Edge和IE11，但它在Firefox中无效。

＆＃13;

.focusable {
  background-color: red;
  width: 200px;
  height: 200px;
}

.focusable:focus {
  background-color: blue;
}

.fixed {
  top: 200px;
  background-color: green;
  position: fixed;
  height: 100px;
  width: 200px;
}

＆＃13;

<div class="focusable" tabindex="0">
<div class="fixed">
Parent will not get focus.
</div>
</div>

＆＃13;

您知道任何变通方法吗？我想避免处理mousedown事件并调用preventDefault（）。

Answer 1

因为你正在使用固定的内部子元素

删除position:fixed，它会正常工作

在Firefox中，当单击具有固定位置的子项时，父元素不会获得焦点

1 个答案: