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 '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 '; }Przetestuj teraz
Wyjście
Po dwukrotnym kliknięciu tekstu 'Witaj świecie' , wyjście będzie -