logo

JavaScript dblclick esemény

A dblclick Az esemény eseményt generál az elemre duplán kattintva. Az esemény akkor indul el, ha egy elemre kétszer kattintanak nagyon rövid időn belül. Használhatjuk a JavaScriptet is addEventListener() módszer a duplakattintásos esemény aktiválására.

A HTML-ben használhatjuk a ondblclick attribútumot dupla kattintásos esemény létrehozásához.

123 film

Szintaxis

Most látjuk a duplakattintásos esemény létrehozásának szintaxisát HTML-ben és innen javascript (használat nélkül addEventListener() módszerrel vagy a addEventListener() módszer).

HTML-ben

 

JavaScriptben

 object.ondblclick = function() { myScript }; 

JavaScriptben az addEventListener() metódus használatával

 object.addEventListener('dblclick', myScript); 

Nézzünk néhány illusztrációt a duplakattintásos esemény megértéséhez.

Példa - Ondblclick attribútum használata HTML-ben

Ebben a példában a duplakattintásos eseményt a HTML használatával hozzuk létre ondblclick tulajdonság.

 <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;; } 
Tesztelje most

Kimenet

aktuális dátum java-ban
JavaScript dblclick esemény

Miután duplán kattintott a szövegre 'Helló Világ' , a kimenet a következő lesz

JavaScript dblclick esemény