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 '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 '; } Provalo adesso Produzione
matrice Java
Dopo aver fatto doppio clic sul testo 'Ciao mondo' , l'output sarà -
