The dblclick událost vygeneruje událost po dvojitém kliknutí na prvek. Událost se spustí, když na prvek dvakrát klepnete ve velmi krátkém časovém úseku. Můžeme také použít JavaScript addEventListener() způsob, jak spustit událost dvojitého kliknutí.

V HTML můžeme použít ondblclick atribut k vytvoření události dvojitého kliknutí.

Syntax

Nyní vidíme syntaxi vytváření události dvojitého kliknutí v HTML a in javascript (bez použití addEventListener() metodou nebo pomocí addEventListener() metoda).

V HTML

V JavaScriptu

 object.ondblclick = function() { myScript }; 

V JavaScriptu pomocí metody addEventListener().

 object.addEventListener('dblclick', myScript); 

Podívejme se na některé ilustrace, abychom porozuměli události dvojitého kliknutí.

Příklad - Použití atributu ondblclick v HTML

V tomto příkladu vytváříme událost dvojitého kliknutí pomocí kódu HTML ondblclick atribut.

 <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ýstup

Po dvojitém kliknutí na text 'Ahoj světe' , výstup bude -