jQuery dblclick() Fonksiyonu Kullanımı – Çift Tıklandığında İşlem Yapma


Konu başlığından da anlaşılacağız gibi önceden belirlemiş olduğumuz bir html tagına, butona veya id değerine sahip bir elemana çift tıklandığında işlem yapmak için kullanabileceğimiz bir fonksiyon olan dblclick() fonksiyonunu ele alacağız. Daha önce jQuery’de click fonksiyonunu kullanımına bakmıştık iki fonksiyon arasındaki fark birinde tek tıklama ile diğerde çift tıklama ile işlem yapıyor olmasıdır.

Çift tıklanmasını istediğimiz id değerini ( “#iddegeri” ) veya html tagını ( “p” ) belirliyoruz ve daha sonrasında bir fonksiyon içerisine çift  tıklama işlemi gerçekleştiğinde ne yapmasını istiyorsak bunu yazıyoruz.

Örnek Kullanım
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#iddegeri").dblclick(function(){
    alert("Örnek Makale Webinyo.COM");
  });
});
</script>
</head>
<body>

<div id="iddegeri">Bu Paragrafa Çift Tıkla</div>

</body>
</html>

Örnek kodun çalışan haline göz atmak veya dosyaları indirmek için konu altında yer alan demo ve dosyaları indir butonunu kullanabilirsiniz.

Konu İle İlgili Soru, Görüş ve Öneriler


Soru, Görüş ve Önerileriniz için Yazın!