How to determine if the mouse is on an element in jquery

Jquery method to determine whether the mouse is on the element: 1. Use the mouseover method to determine whether the mouse is on the element; 2. Use the mouseout method to determine whether the mouse is on the element.

The operating environment of this tutorial: windows7 system, jquery1.9.1 version, Dell G3 computer.

Recommended:jQuery Tutorial

In jquery, you can use the mouseover() and mouseout() methods to determine whether the mouse is on the element.

jquery determines whether the mouse is on the element

When the mouse pointer is over the element, the mouseover event occurs. When the mouse pointer moves away from the element, mouseout occurs. event.

PS: Unlike mouseenter/mouseleave events, mouseover/mouseout events will be triggered whether the mouse pointer enters/leaves the selected element or any child element. The mouseenter/mouseleave events are only triggered when the mouse pointer enters/leaves the selected element.

$("#aijquery").mouseover(function(){ $(".primary").text("方法二：鼠标在这个DIV元素里"); }).mouseout(function(){ $(".primary").text("方法二：鼠标不在这个DIV元素里"); });

Disadvantages: When the page is initialized, that is, when the page is just opened, it cannot be judged. You can only judge it after moving the mouse over the div once and activating the mouseover event. For details, see the above That online example demonstration.

Example:

     
  
 
 inifo
 
 
   

Rendering:

##mouseover() method

mouseout() method

Programming Teaching! !

The above is the detailed content of How to determine if the mouse is on an element in jquery. For more information, please follow other related articles on the PHP Chinese website!