THE WORLD'S LARGEST WEB DEVELOPER SITE
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP HOW TO JQUERY W3.CSS ANGULARJS XML MORE FORUM EXAMPLES REFERENCES

ondblclick Event

❮ DOM Events ❮ MouseEvent

Example

Execute a JavaScript when a <p> element is double-clicked:

<p ondblclick="myFunction()">Double-click me</p>
Try it Yourself »

Definition and Usage

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

Browser Support

Event
ondblclick Yes Yes Yes Yes Yes

Syntax

In HTML:

<element ondblclick="myScript">
Try it Yourself »

In JavaScript:

object.ondblclick = function(){myScript};
Try it Yourself »

In JavaScript, using the addEventListener() method:

object.addEventListener("dblclick", myScript);
Try it Yourself »

Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.

Technical Details

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

Related Pages

HTML DOM reference: onclick event

HTML DOM reference: onmousedown event

HTML DOM reference: onmouseup event

❮ DOM Events ❮ MouseEvent