ondblclick Event

Call a function when a <p> element is double-clicked:

<p ondblclick="myFunction()">Double-click me</p>

More examples below.

Description

The ondblclick event occurs when the user double-clicks on an HTML element.

Event	Occurs When
onclick	The user clicks on an element
oncontextmenu	The user right-clicks on an element
ondblclick	The user double-clicks on an element
onmousedown	A mouse button is pressed over an element
onmouseenter	The pointer is moved onto an element
onmouseleave	The pointer is moved out of an element
onmousemove	The pointer is moving over an element
onmouseout	The mouse pointer moves out of an element
onmouseover	The mouse pointer is moved over an element
onmouseup	The mouse button is released over an element

In HTML:

<element ondblclick="myScript">

In JavaScript:

object.ondblclick = function(){myScript};

In JavaScript, using the addEventListener() method:

object.addEventListener("dblclick", myScript);

Bubbles:	Yes
Cancelable:	Yes
Event type:	MouseEvent
HTML tags:	All HTML elements, EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>.
DOM Version:	Level 2 Events

ondblclick is a DOM Level 2 (2001) feature.

It is fully supported in all browsers:


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	9-11