logo

JavaScript dblclick notikums

The dblclick notikums ģenerē notikumu, veicot dubultklikšķi uz elementa. Notikums tiek aktivizēts, ja uz elementa tiek noklikšķināts divas reizes ļoti īsā laika posmā. Mēs varam izmantot arī JavaScript addEventListener() metode, lai aktivizētu dubultklikšķa notikumu.

HTML valodā mēs varam izmantot ondblclick atribūtu, lai izveidotu dubultklikšķa notikumu.

Sintakse

Tagad mēs redzam dubultklikšķa notikuma izveides sintakse HTML un iekšā javascript (neizmantojot addEventListener() metodi vai izmantojot addEventListener() metode).

HTML formātā

 

JavaScript

 object.ondblclick = function() { myScript }; 

JavaScript, izmantojot metodi addEventListener().

 object.addEventListener('dblclick', myScript); 

Apskatīsim dažas ilustrācijas, lai izprastu dubultklikšķa notikumu.

Piemērs — ondblclick atribūta izmantošana HTML

Šajā piemērā mēs izveidojam dubultklikšķa notikumu, izmantojot HTML ondblclick atribūts.

 <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;; } 
Izmēģiniet to tūlīt

Izvade

JavaScript dblclick notikums

Pēc dubultklikšķa uz teksta 'Sveika pasaule' , izvade būs -

JavaScript dblclick notikums