logo

JavaScript dblclick įvykis

The dblclick įvykis sugeneruoja įvykį dukart spustelėjus elementą. Įvykis suaktyvinamas, kai elementas paspaudžiamas du kartus per labai trumpą laiką. Taip pat galime naudoti JavaScript addEventListener() būdas suaktyvinti dvigubo paspaudimo įvykį.

HTML galime naudoti ondblclick atributas, kad būtų sukurtas dvigubo paspaudimo įvykis.

Sintaksė

Dabar matome dvigubo paspaudimo įvykio kūrimo sintaksę HTML ir viduje javascript (nenaudojant addEventListener() metodu arba naudojant addEventListener() metodas).

HTML

 

„JavaScript“.

 object.ondblclick = function() { myScript }; 

JavaScript naudojant addEventListener() metodą

 object.addEventListener('dblclick', myScript); 

Pažiūrėkime kai kurias iliustracijas, kad suprastume dvigubo paspaudimo įvykį.

Pavyzdys – ondblclick atributo naudojimas HTML

Šiame pavyzdyje mes kuriame dvigubo paspaudimo įvykį naudodami HTML ondblclick atributas.

 <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;; } 
Išbandykite dabar

Išvestis

JavaScript dblclick įvykis

Dukart spustelėjus tekstą 'Labas pasauli' , išvestis bus -

JavaScript dblclick įvykis