IL doppio clic event genera un evento facendo doppio clic sull'elemento. L'evento si attiva quando si fa clic due volte su un elemento in un arco di tempo molto breve. Possiamo anche usare JavaScript aggiungiEventListener() metodo per attivare l'evento doppio clic.

In HTML possiamo usare il file ondblclick attributo per creare un evento doppio clic.

Sintassi

Ora vediamo la sintassi per creare un evento doppio clic in HTML e in javascript (senza usare aggiungiEventListener() metodo o utilizzando il aggiungiEventListener() metodo).

Nell'HTML

In JavaScript

 object.ondblclick = function() { myScript }; 

In JavaScript utilizzando il metodo addEventListener()

 object.addEventListener('dblclick', myScript); 

Vediamo alcune illustrazioni per comprendere l'evento del doppio clic.

Esempio: utilizzo dell'attributo ondblclick in HTML

In questo esempio, stiamo creando l'evento doppio clic utilizzando l'HTML ondblclick attributo.

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

Produzione

matrice Java

Dopo aver fatto doppio clic sul testo 'Ciao mondo' , l'output sarà -