Le doublecliquez event génère un événement en double-cliquant sur l'élément. L'événement se déclenche lorsqu'un élément est cliqué deux fois dans un laps de temps très court. Nous pouvons également utiliser le JavaScript addEventListener() méthode pour déclencher l’événement double-clic.
En HTML , on peut utiliser le ondblcliquez attribut pour créer un événement de double-clic.
Syntaxe
Maintenant, nous voyons la syntaxe de création d'un événement double-clic en HTML et en javascript (sans utiliser addEventListener() méthode ou en utilisant la addEventListener() méthode).
En HTML
En Javascript
object.ondblclick = function() { myScript }; En JavaScript en utilisant la méthode addEventListener()
object.addEventListener('dblclick', myScript);
Voyons quelques illustrations pour comprendre l'événement de double-clic.
Exemple - Utilisation de l'attribut ondblclick en HTML
Dans cet exemple, nous créons l'événement double-clic en utilisant le HTML ondblcliquez attribut.
<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 '; } Testez-le maintenant Sortir
Après avoir double-cliqué sur le texte 'Bonjour le monde' , le résultat sera -
