The dblclick udalosť vygeneruje udalosť po dvojitom kliknutí na prvok. Udalosť sa spustí, keď sa na prvok klikne dvakrát vo veľmi krátkom čase. Môžeme použiť aj JavaScript addEventListener() spôsob spustenia udalosti dvojitého kliknutia.

V HTML môžeme použiť ondblclick na vytvorenie udalosti dvojitého kliknutia.

Syntax

Teraz vidíme syntax vytvárania udalosti dvojitého kliknutia v HTML a in javascript (bez použitia addEventListener() metódou alebo pomocou addEventListener() metóda).

V HTML

V JavaScripte

 object.ondblclick = function() { myScript }; 

V JavaScripte pomocou metódy addEventListener().

 object.addEventListener('dblclick', myScript); 

Pozrime sa na niektoré ilustrácie, aby sme pochopili udalosť dvojitého kliknutia.

Príklad - Použitie atribútu ondblclick v HTML

V tomto príklade vytvárame udalosť dvojitého kliknutia pomocou kódu HTML ondblclick atribút.

 <h2> Double Click the text &apos;Hello world&apos; to see the effect. </h2> <p> This is an example of creating the double click event using the <b> addEventListener() method </b> . </p> document.getElementById(&apos;heading&apos;).addEventListener(&apos;dblclick&apos;, fun); function fun() { document.getElementById(&apos;heading&apos;).innerHTML = &apos; Welcome to the javaTpoint.com &apos;; } 

Výkon

Po dvojitom kliknutí na text 'Ahoj svet' , výstup bude -