Search.../

onMouseIn( )

Adds an event handler that runs when the mouse pointer is moved onto the element.

You can also define an event handler using the Properties and Events panel.

Syntax

function onMouseIn(handler: MouseEventHandler): Element
handler: function MouseEventHandler(event: MouseEvent, $w: $w): void

onMouseIn Parameters

NAME
TYPE
DESCRIPTION
handler

The name of the function or the function expression to run when the mouse pointer is moved onto the element.

Returns

The element to which the event handler was added.

Return Type:

MouseEventHandler Parameters

NAME
TYPE
DESCRIPTION
event

The mouse event that occurred.

$w

Deprecated: A selector function. The $w function was used to enable event handlers to work with elements in repeaters. Now, to get a scoped selector for working with repeater items, use the $w.at() function and pass it the context property of the event parameter: $item = $w.at(event.context).

Returns

This function does not return anything.

Return Type:

void

Was this helpful?

Get the mouse event info when the mouse enters an element

Copy Code
1$w("#myElement").onMouseIn( (event) => {
2 let clientX = event.clientX; // 362
3 let clientY = event.clientY; // 244
4 let offsetX = event.offsetX; // 10
5 let offsetY = event.offsetY; // 12
6 let pageX = event.pageX; // 362
7 let pageY = event.pageY; // 376
8 let screenX = event.screenX; // 3897
9 let screenY = event.screenY; // 362
10} );