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 'Hello world' 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('heading').addEventListener('dblclick', fun); function fun() { document.getElementById('heading').innerHTML = ' Welcome to the javaTpoint.com '; } Teste agora Saída
Depois de clicar duas vezes no texto 'Olá Mundo' , a saída será -
