Search.../
  1. APIs

onDblClick( )

Adds an event handler that runs when the element is double-clicked.

Description

An element receives a dblClick event when a user double-clicks on the element and releases.

When a user double-clicks an element, two click events are fired before a doubleClick event is also fired.

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

Syntax

function onDblClick(handler: MouseEventHandler): Element
handler: function MouseEventHandler(event: MouseEvent): void

onDblClick Parameters

NAME
TYPE
DESCRIPTION
handler
MouseEventHandler

The name of the function or the function expression to run when the element is clicked.

Returns

The element to which the event handler was added.

Return Type:

Element

MouseEventHandler Parameters

NAME
TYPE
DESCRIPTION
event
MouseEvent

The mouse event that occurred.

Returns

This function does not return anything.

Return Type:

void

Related Content:

onClick( )

Was this helpful?

Get the ID of the element that was double-clicked

Copy Code
1$w("#myElement").onDblClick( (event) => {
2  let targetId = event.target.id; // "myElement"
3} );