De dblclick händelse genererar en händelse vid dubbelklick på elementet. Händelsen aktiveras när ett element klickas två gånger under en mycket kort tid. Vi kan också använda JavaScript addEventListener() metod för att aktivera dubbelklickshändelsen.
I HTML kan vi använda ondblklick attribut för att skapa en dubbelklickshändelse.
Syntax
Nu ser vi syntaxen för att skapa dubbelklickshändelser i HTML och in javascript (utan att använda addEventListener() metod eller genom att använda addEventListener() metod).
I HTML
I JavaScript
object.ondblclick = function() { myScript }; I JavaScript genom att använda addEventListener()-metoden
object.addEventListener('dblclick', myScript);
Låt oss se några av illustrationerna för att förstå dubbelklickshändelsen.
Exempel - Användning av ondblclick-attribut i HTML
I det här exemplet skapar vi dubbelklickshändelsen med HTML ondblklick attribut.
<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 '; } Testa det nu Produktion
Efter att ha dubbelklickat på texten 'Hej världen' , utgången blir -
