logo

Eveniment JavaScript dblclick

The dblclick evenimentul generează un eveniment la dublu clic pe element. Evenimentul se declanșează atunci când se face clic pe un element de două ori într-un interval de timp foarte scurt. Putem folosi și JavaScript addEventListener() metoda de declanșare a evenimentului dublu clic.

În HTML, putem folosi ondblclick pentru a crea un eveniment dublu clic.

Sintaxă

Acum, vedem sintaxa creării unui eveniment dublu clic în HTML și în javascript (fara a folosi addEventListener() metoda sau folosind metoda addEventListener() metodă).

În HTML

 

În JavaScript

 object.ondblclick = function() { myScript }; 

În JavaScript, folosind metoda addEventListener().

 object.addEventListener('dblclick', myScript); 

Să vedem câteva dintre ilustrații pentru a înțelege evenimentul dublu clic.

Exemplu - Utilizarea atributului ondblclick în HTML

În acest exemplu, creăm evenimentul dublu clic folosind HTML ondblclick atribut.

 <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;; } 
Testează-l acum

Ieșire

Eveniment JavaScript dblclick

După dublu clic pe text 'Salut Lume' , ieșirea va fi -

Eveniment JavaScript dblclick