The dblclick event генерує подію після подвійного клацання елемента. Подія спрацьовує, коли елемент клацають двічі за дуже короткий проміжок часу. Ми також можемо використовувати JavaScript addEventListener() метод для запуску події подвійного клацання.

У HTML ми можемо використовувати ondblclick атрибут для створення події подвійного клацання.

Синтаксис

Тепер ми бачимо синтаксис створення події подвійного клацання в HTML і в javascript (без використання addEventListener() або за допомогою addEventListener() метод).

лисиця проти вовка

У HTML

У JavaScript

 object.ondblclick = function() { myScript }; 

У JavaScript за допомогою методу addEventListener().

 object.addEventListener('dblclick', myScript); 

Давайте переглянемо деякі ілюстрації, щоб зрозуміти подію подвійного клацання.

Приклад. Використання атрибута ondblclick у HTML

У цьому прикладі ми створюємо подію подвійного клацання за допомогою HTML ondblclick атрибут.

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

Вихід

Після подвійного клацання тексту 'Привіт Світ' , вихід буде -