打字稿活動元素焦點

Question

我有一個類名為“ concert-landing-synopsis”的部分，並且在滾動條上，我想檢查該部分是否聚焦，並將類名添加到其他元素。 我在這里查看了一些解決方案，重點變量始終為false

let activateElement = document.getElementsByClassName("concert-landing-synopsis");

if (activateElement.length > 0) {
  window.onscroll = _ => {
    let isFocused = (document.activeElement === activateElement[0]);

    if (isFocused) {
      console.log("On focus");
    }
  };
}

視圖是這樣的

<section class="concert-landing-details">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</section>

Answer 1

您需要遍歷document.getElementsByClassName('concert-landing-synopsis')返回的所有元素，如

document.getElementsByClassName('concert-landing-synopsis').forEach((el) => {
   const isFocused = (document.activeElement === el);
});