De dblclick händelse genererar en händelse vid dubbelklick på elementet. Händelsen aktiveras när ett element klickas två gånger under en mycket kort tid. Vi kan också använda JavaScript addEventListener() metod för att aktivera dubbelklickshändelsen.

I HTML kan vi använda ondblklick attribut för att skapa en dubbelklickshändelse.

Syntax

Nu ser vi syntaxen för att skapa dubbelklickshändelser i HTML och in javascript (utan att använda addEventListener() metod eller genom att använda addEventListener() metod).

I HTML

I JavaScript

 object.ondblclick = function() { myScript }; 

I JavaScript genom att använda addEventListener()-metoden

 object.addEventListener('dblclick', myScript); 

Låt oss se några av illustrationerna för att förstå dubbelklickshändelsen.

Exempel - Användning av ondblclick-attribut i HTML

I det här exemplet skapar vi dubbelklickshändelsen med HTML ondblklick 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;; } 

Produktion

Efter att ha dubbelklickat på texten 'Hej världen' , utgången blir -