JavaScript dblclick olayı

JavaScript dblclick olayı

dblclick olay, öğeye çift tıklandığında bir olay oluşturur. Etkinlik, bir öğeye çok kısa bir süre içinde iki kez tıklandığında tetiklenir. Ayrıca JavaScript'i de kullanabiliriz. addEventListener() çift ​​tıklama olayını başlatma yöntemi.

HTML'de şunu kullanabiliriz: ondblclick Çift tıklama etkinliği oluşturma özelliği.

Sözdizimi

Şimdi HTML'de çift tıklama olayı oluşturma sözdizimini görüyoruz. javascript (kullanmadan addEventListener() yöntemini kullanarak veya addEventListener() yöntem).

HTML'de

  

JavaScript'te

 object.ondblclick = function() { myScript };  

JavaScript'te addEventListener() yöntemini kullanarak

 object.addEventListener('dblclick', myScript);  

Çift tıklama olayını anlamak için bazı çizimlere bakalım.

Örnek - HTML'de ondblclick niteliğini kullanma

Bu örnekte HTML kullanarak çift tıklama olayını oluşturuyoruz. ondblclick bağlanmak.

 <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;; }  
Şimdi Test Edin

Çıktı

JavaScript dblclick olayı

Metne çift tıkladıktan sonra 'Selam Dünya' , çıktı şöyle olacaktır -

JavaScript dblclick olayı