De dblclick hendelse genererer en hendelse ved dobbeltklikk på elementet. Hendelsen utløses når et element klikkes to ganger i løpet av svært kort tid. Vi kan også bruke JavaScript addEventListener() metode for å utløse dobbeltklikk-hendelsen.

I HTML kan vi bruke ondblklikk attributt for å opprette en dobbeltklikk-hendelse.

Syntaks

Nå ser vi syntaksen for å lage dobbeltklikk-hendelser i HTML og i javascript (uten å bruke addEventListener() metode eller ved å bruke addEventListener() metode).

I HTML

I JavaScript

 object.ondblclick = function() { myScript }; 

I JavaScript ved å bruke addEventListener()-metoden

 object.addEventListener('dblclick', myScript); 

La oss se noen av illustrasjonene for å forstå dobbeltklikk-hendelsen.

Eksempel - Bruk av ondblclick-attributt i HTML

I dette eksemplet lager vi dobbeltklikk-hendelsen ved å bruke HTML-en ondblklikk Egenskap.

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

Produksjon

Etter å dobbeltklikke på teksten 'Hei Verden' , vil utgangen være -