The dblclick event generira događaj dvostrukim klikom na element. Događaj se pokreće kada se na element klikne dvaput u vrlo kratkom vremenskom razdoblju. Također možemo koristiti JavaScript addEventListener() metoda za pokretanje događaja dvostrukog klika.

U HTML-u možemo koristiti ondblclick atribut za stvaranje događaja dvostrukog klika.

Sintaksa

Sada vidimo sintaksu stvaranja događaja dvostrukog klika u HTML-u i u javascript (bez upotrebe addEventListener() metodom ili korištenjem addEventListener() metoda).

U HTML-u

U JavaScriptu

 object.ondblclick = function() { myScript }; 

U JavaScriptu pomoću metode addEventListener().

 object.addEventListener('dblclick', myScript); 

Pogledajmo neke od ilustracija da bismo razumjeli događaj dvostrukog klika.

Primjer - Korištenje atributa ondblclick u HTML-u

U ovom primjeru stvaramo događaj dvostrukog klika pomoću HTML-a 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;; } 

Izlaz

Nakon dvostrukog klika na tekst 'Pozdrav svijete' , izlaz će biti -