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