The dblclick event generira događaj dvostrukim klikom na element. Događaj se pokreće kada se na element klikne dvaput u vrlo kratkom vremenskom razdoblju. Također možemo koristiti JavaScript addEventListener() metoda za pokretanje događaja dvostrukog klika.
U HTML-u možemo koristiti ondblclick atribut za stvaranje događaja dvostrukog klika.
Sintaksa
Sada vidimo sintaksu stvaranja događaja dvostrukog klika u HTML-u i u javascript (bez upotrebe addEventListener() metodom ili korištenjem addEventListener() metoda).
U HTML-u
U JavaScriptu
object.ondblclick = function() { myScript }; U JavaScriptu pomoću metode addEventListener().
object.addEventListener('dblclick', myScript);
Pogledajmo neke od ilustracija da bismo razumjeli događaj dvostrukog klika.
Primjer - Korištenje atributa ondblclick u HTML-u
U ovom primjeru stvaramo događaj dvostrukog klika pomoću HTML-a ondblclick atribut.
<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 '; } Testirajte sada Izlaz
Nakon dvostrukog klika na tekst 'Pozdrav svijete' , izlaz će biti -
