HTML DOM ondblclick Event
The HTML DOM ondblclick event occurs on a double click by the user. All HTML elements are supported with ondblclick Event, EXCEPT:
- <bdo>
- <br>
- <base>
- <head>
- <html>
- <iframe>
- <meta>
- <param>
- <script>
- <style>
- <title>.
Syntax: In HTML:
<element ondblclick="myScript">
In JavaScript:
object.ondblclick = function(){myScript};
In JavaScript, using the addEventListener() method:
object.addEventListener("dblclick", myScript);
Example 1: Using HTML
HTML
<!DOCTYPE html> < html > < head > < title > HTML DOM ondblclick Event </ title > </ head > < body > < center > < h1 style = "color:green" > w3wiki </ h1 > < h2 >HTML DOM ondblclick Event</ h2 > < p id = "demo" ondblclick = "myFunction()" > Double-click </ p > < script > function myFunction() { document.getElementById( "demo").innerHTML = "w3wiki"; } </ script > </ center > </ body > </ html > |
Output:
Example: Using JavaScript
HTML
<!DOCTYPE html> < html > < head > < title > HTML DOM ondblclick Event </ title > </ head > < body > < center > < h1 style = "color:green" > w3wiki </ h1 > < h2 >HTML DOM ondblclick Event</ h2 > < p id = "demo" > Double-click me. </ p > < script > document.getElementById( "demo").ondblclick = function () { GFGfun() }; function GFGfun() { document.getElementById( "demo").innerHTML = "w3wiki"; } </ script > </ center > </ body > </ html > |
Output:
Example: In JavaScript, using the addEventListener() method:
HTML
<!DOCTYPE html> < html > < head > < title > HTML DOM ondblclick Event </ title > </ head > < body > < center > < h1 style = "color:green" > w3wiki </ h1 > < h2 > HTML DOM ondblclick Event </ h2 > < p id = "demo" >Double-click me.</ p > < script > document.getElementById( "demo").addEventListener( "dblclick", GFGfun); function GFGfun() { document.getElementById( "demo").innerHTML = "w3wiki"; } </ script > </ center > </ body > </ html > |
Output:
Supported Browsers: The browsers supported by ondblclick Event are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Apple Safari
- Opera