onmouseover event

Owned by Alex Roytman
Last updated: Aug 16, 2023 by Jessica Tomkins
1 min read



The onmouseover event activates when the mouse is first moved over an element.  The event can be specified as a JavaScript expression or the name of a JavaScript function.  

If an expression is used, the JavaScript keyword this refers to the element.  

If the name of a function is used, the function will receive 2 parameters when called: 

  • The browser event object; this object can be used to determine the mouse coordinates

  • A reference to the element

Example:

The following example highlights an element in yellow when the user hovers the mouse over it.

onmouseover: this.style.backgroundColor = "yellow";

onmouseout: this.style.backgroundColor = "";