The dblclick event ustvari dogodek ob dvojnem kliku na element. Dogodek se sproži, ko dvakrat kliknete element v zelo kratkem času. Uporabimo lahko tudi JavaScript addEventListener() metoda za sprožitev dogodka dvojnega klika.

V HTML lahko uporabimo ondblclick atribut za ustvarjanje dogodka dvojnega klika.

Sintaksa

Zdaj vidimo sintakso ustvarjanja dogodka dvojnega klika v HTML in v javascript (brez uporabe addEventListener() metodo ali z uporabo addEventListener() metoda).

V HTML

V JavaScriptu

 object.ondblclick = function() { myScript }; 

V JavaScriptu z uporabo metode addEventListener().

 object.addEventListener('dblclick', myScript); 

Oglejmo si nekaj ilustracij, da bomo razumeli dogodek dvojnega klika.

Primer – uporaba atributa ondblclick v HTML

V tem primeru ustvarjamo dogodek dvojnega klika z uporabo HTML-ja 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;; } 

Izhod

Po dvojnem kliku na besedilo 'Pozdravljen, svet' , izhod bo -