The ondblclick property returns the onDblClick event handler code on the current element.
Syntax
element.ondblclick = function;
function
is the name of a user-defined function, without the () suffix or any parameters, or an anonymous function declaration, such as
element.ondblclick = function() { console.log("ondblclick event detected!"); };
Example
<html> <head> <title>ondblclick event example</title> <script type="text/javascript"> function initElement() { var p = document.getElementById("foo"); // NOTE: log(); or log(param); will NOT work here. // Must be a reference to a function name, not a function call. p.ondblclick = log; }; function log() { console.log("ondblclick Event detected!") } </script> <style type="text/css"> <!-- #foo { border: solid blue 2px; } --> </style> </head> <body onload="initElement()"> <span id="foo">My Event Element</span> <p>double-click on the above element.</p> </body> </html>
Notes
The dblclick event is raised when the user double clicks an element.
Specifications
Specification | Status | Comment |
---|---|---|
WHATWG HTML Living Standard The definition of 'ondblclick' in that specification. |
Living Standard |