Element: auxclick event

The auxclick event is fired at an Element when a non-primary pointing device button (any mouse button other than the primary—usually leftmost—button) has been pressed and released both within the same element.

auxclick is fired after the mousedown and mouseup events have been fired, in that order.

Example

Element: click event

An element receives a click event when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.

Example

Element: dblclick event

The dblclick event fires when a pointing device button (such as a mouse's primary button) is double-clicked; that is, when it's rapidly clicked twice on a single element within a very short span of time.

Example

Element: mousedown/mousemove/mouseup event

The mousedown event is fired at an Element when a pointing device button is pressed while the pointer is inside the element.

The mousemove event is fired at an element when a pointing device (usually a mouse) is moved while the cursor's hotspot is inside it.

The mouseup event is fired at an Element when a button on a pointing device (such as a mouse or trackpad) is released while the pointer is located inside it. mouseup events are the counterpoint to mousedown events.

Example

Drawing with mouse events

Element: mouseenter/mouseleave event

The mouseenter event is fired at an Element when a pointing device (usually a mouse) is initially moved so that its hotspot is within the element at which the event was fired.

Example

  • No events yet
  • Element: mouseover event

    The mouseover event is fired at an Element when a pointing device (usually a mouse) is initially moved so that its hotspot is within the element at which the event was fired.

    Example

    • item 1
    • item 2
    • item 3

    Element: mouseout event

    The mouseout event is fired at an Element when a pointing device (usually a mouse) is used to move the cursor so that it is no longer contained within the element or one of its children. mouseout is also delivered to an element if the cursor enters a child element, because the child element obscures the visible area of the element.

    Example

    • item 1
    • item 2
    • item 3

    Element: select event

    The select event fires when some text has been selected.

    Example

    Element: select event

    The wheel event fires when the user rotates a wheel button on a pointing device (typically a mouse).

    Scale me with your mouse wheel.