The dblclick udalosť vygeneruje udalosť po dvojitom kliknutí na prvok. Udalosť sa spustí, keď sa na prvok klikne dvakrát vo veľmi krátkom čase. Môžeme použiť aj JavaScript addEventListener() spôsob spustenia udalosti dvojitého kliknutia.
V HTML môžeme použiť ondblclick na vytvorenie udalosti dvojitého kliknutia.
Syntax
Teraz vidíme syntax vytvárania udalosti dvojitého kliknutia v HTML a in javascript (bez použitia addEventListener() metódou alebo pomocou addEventListener() metóda).
V HTML
V JavaScripte
object.ondblclick = function() { myScript }; V JavaScripte pomocou metódy addEventListener().
object.addEventListener('dblclick', myScript);
Pozrime sa na niektoré ilustrácie, aby sme pochopili udalosť dvojitého kliknutia.
Príklad - Použitie atribútu ondblclick v HTML
V tomto príklade vytvárame udalosť dvojitého kliknutia pomocou kódu HTML ondblclick atribút.
<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 '; } Vyskúšajte to Výkon
Po dvojitom kliknutí na text 'Ahoj svet' , výstup bude -
