javascript - 如何使用js获取屏幕中心的元素

Question

有人知道如何选择最靠近屏幕中心的元素吗？也许我可以使用类似 onscroll Event 的东西？

标签： javascript

Answer 1

您可以尝试使用elementFromPoint()

window.addEventListener('DOMContentLoaded', () => {

  // create a bunch of elements for demo
  for (let i = 0; i < 600; i++) {
    document.body.appendChild(document.createElement('div'))
  }

  // get middle of window coords
  const x = window.innerWidth / 2,
    y = window.innerHeight / 2


  // target middle element
  document.elementFromPoint(x, y).style.backgroundColor = 'red'
})

div {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc
}