Det dblclick hændelse genererer en hændelse ved at dobbeltklikke på elementet. Hændelsen udløses, når et element klikkes to gange på meget kort tid. Vi kan også bruge JavaScript addEventListener() metode til at udløse dobbeltklik-hændelsen.

I HTML kan vi bruge ondblklik attribut for at oprette en dobbeltklik-begivenhed.

Syntaks

Nu ser vi syntaksen for at oprette dobbeltklik-begivenheder i HTML og in javascript (uden at bruge addEventListener() metode eller ved at bruge addEventListener() metode).

I HTML

I JavaScript

 object.ondblclick = function() { myScript }; 

I JavaScript ved at bruge addEventListener() metoden

 object.addEventListener('dblclick', myScript); 

Lad os se nogle af illustrationerne for at forstå dobbeltklik-begivenheden.

Eksempel - Brug af ondblclick-attribut i HTML

I dette eksempel opretter vi dobbeltklik-hændelsen ved hjælp af HTML ondblklik attribut.

azurblå abonnement

 <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;; } 

Produktion

Efter at have dobbeltklikket på teksten 'Hej Verden' , vil outputtet være -