How to determine if the mouse is over an element at the moment?

Question

JavaScript

It is necessary to determine whether the mouse is over the given element right at the moment. Hover() is not suitable as it initializes the .mouseenter() and .mouseleave() events and I need to check right now (the mouse may already be on the element).

Answer 1

var info;
$('body').mousemove(function(e){
  if (info !==e.target){
  	console.log(e.target);
    info =e.target;
  }
});

Answer 2

What if I don't have a mouse on my iPad?

Answer 3

you need to handle events onmouseoverand onmouseout(if I'm not mistaken in the names) and write some attribute to the element: the mouse went to the element - the attribute was recorded, the mouse left - the attribute was removed. but you will have a lot of such elements due to the fact that the event pops up and therefore, in order to find the element on which the mouse is now, you will need to find the element that has the attribute set, but it does not have children with the attribute set
yes, the speed of work will be desirable better with a large DOM tree, but if your DOM tree does not change, then you can mirror your DOM tree to some data structure that you will already work with directly. if the DOM tree changes, you will need to synchronize this structure of yours with the DOM tree

Answer 4

You can actually keep track of whether the cursor is now on the desired element. Here's what it looks like in practice
*See the result in the console.

Answer 5

DOM receives information about the position of the mouse exclusively by events, there is no separate API for accessing mouse coordinates. If the browser does not send mouse events when an element is hit by a stationary mouse cursor, then there is nothing to be done from the JS sandbox. (If it sends, then https://developer.mozilla.org/en-US/docs/Web/API/D... will help determine the element at the cursor coordinates.)