The dblclick tapahtuma luo tapahtuman kaksoisnapsauttamalla elementtiä. Tapahtuma käynnistyy, kun elementtiä napsautetaan kahdesti hyvin lyhyen ajan sisällä. Voimme myös käyttää JavaScriptiä addEventListener() tapa käynnistää kaksoisnapsautustapahtuma.
HTML:ssä voimme käyttää ondblclick attribuuttia kaksoisnapsautustapahtuman luomiseksi.
Syntaksi
Nyt näemme kaksoisnapsautustapahtuman luomisen syntaksin HTML:ssä ja sisään javascript (käyttämättä addEventListener() menetelmällä tai käyttämällä addEventListener() menetelmä).
HTML:ssä
JavaScriptissä
object.ondblclick = function() { myScript }; JavaScriptissä käyttämällä addEventListener()-metodia
object.addEventListener('dblclick', myScript);
Katsotaanpa joitain kuvia ymmärtääksesi kaksoisnapsautustapahtuman.
Esimerkki - Ondblclick-attribuutin käyttö HTML:ssä
Tässä esimerkissä luomme kaksoisnapsautustapahtuman käyttämällä HTML-koodia ondblclick attribuutti.
<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 '; } Testaa nyt Lähtö
Kun kaksoisnapsautat tekstiä 'Hei maailma' , tulos on -
