logo

JavaScript-dblclick-Ereignis

Der dblclick Ereignis generiert ein Ereignis, wenn Sie auf das Element doppelklicken. Das Ereignis wird ausgelöst, wenn innerhalb einer sehr kurzen Zeitspanne zweimal auf ein Element geklickt wird. Wir können auch JavaScripts verwenden addEventListener() Methode zum Auslösen des Doppelklickereignisses.

In HTML können wir das verwenden ondblclick Attribut zum Erstellen eines Doppelklickereignisses.

Java-Hauptmethode

Syntax

Jetzt sehen wir die Syntax zum Erstellen eines Doppelklickereignisses in HTML und in Javascript (ohne zu benutzen addEventListener() Methode oder unter Verwendung der addEventListener() Methode).

In HTML

 

In JavaScript

 object.ondblclick = function() { myScript }; 

In JavaScript mithilfe der Methode addEventListener()

 object.addEventListener('dblclick', myScript); 

Schauen wir uns einige der Abbildungen an, um das Doppelklick-Ereignis zu verstehen.

Beispiel – Verwendung des ondblclick-Attributs in HTML

In diesem Beispiel erstellen wir das Doppelklick-Ereignis mithilfe von HTML ondblclick Attribut.

 <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;; } 
Testen Sie es jetzt

Ausgabe

Selen lernen
JavaScript-dblclick-Ereignis

Nach einem Doppelklick auf den Text 'Hallo Welt' , die Ausgabe wird sein -

JavaScript-dblclick-Ereignis