GlobalEventHandlers.onmouseover

The onmouseover property returns the onMouseOver event handler code on the current element.

Syntax

element.onmouseover = function;

Example

This example adds an onmouseover and an onmouseout event to a paragraph. Try moving your mouse over and out of the element.

HTML

<p>Test your mouse on me!</p>

JavaScript

const p = document.querySelector('p');
p.onmouseover = logMouseOver;
p.onmouseout = logMouseOut;

function logMouseOver() {
  p.innerHTML = 'MOUSE OVER detected';
}

function logMouseOut() {
  p.innerHTML = 'MOUSE OUT detected';
}

Result

Notes

The mouseover event is raised when the user moves the mouse over a particular element.

Specifications

Browser compatibility