Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AWS AI GO KOTLIN SASS VUE GEN AI SCIPY CYBERSECURITY DATA SCIENCE
     ❯   

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

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
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2023 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.