logo

JavaScript dblclick събитие

The dblclick събитие генерира събитие при двойно щракване върху елемента. Събитието се задейства, когато върху елемент се щракне два пъти за много кратък период от време. Можем да използваме и 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;; } 
Тествайте сега

Изход

въпроси за java интервю
JavaScript dblclick събитие

След двукратно щракване върху текста 'Здравей свят' , изходът ще бъде -

JavaScript dblclick събитие