logo

Zdarzenie JavaScript dblclick

The dblkliknij event generuje zdarzenie po dwukrotnym kliknięciu elementu. Zdarzenie uruchamia się, gdy element zostanie kliknięty dwukrotnie w bardzo krótkim czasie. Możemy także użyć JavaScriptu dodajEventListener() metoda wywołania zdarzenia podwójnego kliknięcia.

W HTML możemy użyć kliknij atrybut, aby utworzyć zdarzenie podwójnego kliknięcia.

Składnia

Teraz widzimy składnię tworzenia zdarzenia podwójnego kliknięcia w HTML i w JavaScript (bez używania dodajEventListener() metodą lub za pomocą dodajEventListener() metoda).

W HTMLu

 

W JavaScript

 object.ondblclick = function() { myScript }; 

W JavaScript przy użyciu metody addEventListener().

 object.addEventListener('dblclick', myScript); 

Przyjrzyjmy się niektórym ilustracjom, aby zrozumieć zdarzenie podwójnego kliknięcia.

Przykład — użycie atrybutu ondblclick w formacie HTML

W tym przykładzie tworzymy zdarzenie podwójnego kliknięcia przy użyciu kodu HTML kliknij atrybut.

 <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;; } 
Przetestuj teraz

Wyjście

Zdarzenie JavaScript dblclick

Po dwukrotnym kliknięciu tekstu 'Witaj świecie' , wyjście będzie -

Zdarzenie JavaScript dblclick