pure javascript to check if something has hover (without setting on mouseover/out)

Question

I have seen this jQuery syntax:

if($(element).is(\':hover\')) { do something}

Since I am not using jQuery, I am looking for the best way to

Answer 1

You can use querySelector for IE>=8:

const isHover = e => e.parentElement.querySelector(':hover') === e;    

const myDiv = document.getElementById('mydiv');
document.addEventListener('mousemove', function checkHover() {
  const hovered = isHover(myDiv);
  if (hovered !== checkHover.hovered) {
    console.log(hovered ? 'hovered' : 'not hovered');
    checkHover.hovered = hovered;
  }
});

.whyToCheckMe {position: absolute;left: 100px;top: 50px;}

HoverMe
  
Do I need to be checked too?

to fallback I think it is ok @Kolink answer.