Trigger click on keypress on hovered element

Question

I'd like to know if there is any way that I can get the element the mouse is currently hovering over when pressing any key.

I didn't seem to find anything like that. Thanks!

Answer 1

Try this instead windows events:

var positionHovered = []

document.addEventListener('mousemove', (e) => {
       positionHovered = [e.clientX, e.clientY];
})

document.addEventListener('keydown', () => {
console.clear();
console.log(document.elementFromPoint(positionHovered[0], positionHovered[1]).id);
});

div{
  border: 1px solid black;
  padding: 20px;
  text-align: center;
  margin: 5px;
}

div:hover{
  background-color: #dedede;
}

<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>