The dblclick event ustvari dogodek ob dvojnem kliku na element. Dogodek se sproži, ko dvakrat kliknete element v zelo kratkem času. Uporabimo lahko tudi JavaScript addEventListener() metoda za sprožitev dogodka dvojnega klika.
V HTML lahko uporabimo ondblclick atribut za ustvarjanje dogodka dvojnega klika.
Sintaksa
Zdaj vidimo sintakso ustvarjanja dogodka dvojnega klika v HTML in v javascript (brez uporabe addEventListener() metodo ali z uporabo addEventListener() metoda).
V HTML
V JavaScriptu
object.ondblclick = function() { myScript }; V JavaScriptu z uporabo metode addEventListener().
object.addEventListener('dblclick', myScript);
Oglejmo si nekaj ilustracij, da bomo razumeli dogodek dvojnega klika.
Primer – uporaba atributa ondblclick v HTML
V tem primeru ustvarjamo dogodek dvojnega klika z uporabo HTML-ja 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 '; } Preizkusite zdaj Izhod
Po dvojnem kliku na besedilo 'Pozdravljen, svet' , izhod bo -
