O dblclick event gera um evento ao clicar duas vezes no elemento. O evento é acionado quando um elemento é clicado duas vezes em um curto espaço de tempo. Também podemos usar o JavaScript addEventListener() método para disparar o evento de clique duplo.

Em HTML, podemos usar o ondblclick atributo para criar um evento de clique duplo.

Sintaxe

Agora, vemos a sintaxe de criação de evento de duplo clique em HTML e em javascript (sem utilizar addEventListener() método ou usando o addEventListener() método).

Em HTML

Em JavaScript

 object.ondblclick = function() { myScript }; 

Em JavaScript usando o método addEventListener()

 object.addEventListener('dblclick', myScript); 

Vejamos algumas ilustrações para entender o evento de duplo clique.

Exemplo - Usando o atributo ondblclick em HTML

Neste exemplo, estamos criando o evento de duplo clique usando o HTML ondblclick atributo.

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

Saída

Depois de clicar duas vezes no texto 'Olá Mundo' , a saída será -