De dblklik event genereert een gebeurtenis wanneer u dubbelklikt op het element. De gebeurtenis wordt geactiveerd wanneer er in zeer korte tijd twee keer op een element wordt geklikt. We kunnen ook JavaScript gebruiken addEventListener() methode om de dubbelklikgebeurtenis te activeren.
In HTML kunnen we de ondblklik attribuut om een ​​dubbelklikgebeurtenis te maken.
Syntaxis
Nu zien we de syntaxis van het maken van een dubbelklikgebeurtenis in HTML en in javascript (zonder te gebruiken addEventListener() methode of door gebruik te maken van de addEventListener() methode).
In HTML
In JavaScript
object.ondblclick = function() { myScript }; In JavaScript met behulp van de addEventListener() -methode
object.addEventListener('dblclick', myScript);
Laten we enkele illustraties bekijken om de dubbelklikgebeurtenis te begrijpen.
Voorbeeld: gebruik van het ondblclick-attribuut in HTML
In dit voorbeeld maken we de dubbelklikgebeurtenis met behulp van HTML ondblklik attribuut.
<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 '; } Test het nu Uitvoer
Na dubbelklikken op de tekst 'Hallo Wereld' , de uitvoer zal zijn -
