De dblclick hendelse genererer en hendelse ved dobbeltklikk på elementet. Hendelsen utløses når et element klikkes to ganger i løpet av svært kort tid. Vi kan også bruke JavaScript addEventListener() metode for å utløse dobbeltklikk-hendelsen.
I HTML kan vi bruke ondblklikk attributt for å opprette en dobbeltklikk-hendelse.
Syntaks
Nå ser vi syntaksen for å lage dobbeltklikk-hendelser i HTML og i javascript (uten å bruke addEventListener() metode eller ved å bruke addEventListener() metode).
I HTML
I JavaScript
object.ondblclick = function() { myScript }; I JavaScript ved å bruke addEventListener()-metoden
object.addEventListener('dblclick', myScript);
La oss se noen av illustrasjonene for å forstå dobbeltklikk-hendelsen.
Eksempel - Bruk av ondblclick-attributt i HTML
I dette eksemplet lager vi dobbeltklikk-hendelsen ved å bruke HTML-en ondblklikk Egenskap.
azurblå abonnement
<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 det nå Produksjon
Etter å dobbeltklikke på teksten 'Hei Verden' , vil utgangen være -
