Latest web development tutorials
 

HTML ondblclick Event Attribute

< HTML Event Attributes

Example

Execute a JavaScript when a button is double-clicked:

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

Definition and Usage

The ondblclick attribute fires on a mouse double-click on the element.


Browser Support

Event Attribute
ondblclick Yes Yes Yes Yes Yes

Differences Between HTML 4.01 and HTML5

None.


Syntax

<element ondblclick="script">

Attribute Values

Value Description
script The script to be run on ondblclick

Technical Details

Supported HTML tags: All HTML elements, EXCEPT: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>

More Examples

Example

Double-click on a <p> element to change its text color to red:

<p id="demo" ondblclick="myFunction()">Double-click me to change my text color.</p>

<script>
function myFunction() {
    document.getElementById("demo").style.color = "red";
}
</script>
Try it Yourself »

Example

Double-click on a button to copy some text from an input field to another input field:

<button ondblclick="myFunction()">Copy Text</button>

<script>
function myFunction() {
    document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Try it Yourself »

Related Pages

HTML DOM reference: ondblclick event


< HTML Event Attributes