logo

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.

string'i int'ye nasıl dönüştürebilirim?
 <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ı