ExampleChange background color of an element when the mouse pointer enters it:
Try it yourself » |
The mouseenter event occurs when the mouse pointer is over an element.
This event is mostly used together with the mouseleave event.
The mouseenter() method triggers the mouseenter event, or if the function parameter is set, it specifies what happens when a mouseenter event occurs.
Note: Unlike the mouseover event, the mouseenter event only triggers when the the mouse pointer enters the selected element. The mouseover event is triggered if a mouse pointer enters any child elements as well. See the example at the end of the page for a demonstration.
Trigger the mouseenter event for the selected element.
|
Try it yourself » |
Specifies a function to run when the mouseenter event is triggered for the selected element.
|
Try it yourself » |
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseenter event is triggered. |
![]() |
Try it Yourself - Examples |
The difference between mouseenter and mouseover
Demonstrates the difference between mouseenter and mouseover.