zMountain Web Tasarımı

Yüze Dolgu Yaptırmak

Para Kazanmanın Yolları

zShop Web Tasarımı

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

  • JQuery Programlama
  • Savaş Dersim Çelik
  • Perşembe Nisan 21st, 2016
  • 1.589 Görüntülenme
  • JavaScript Kodları

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.

Yorumlar

Henüz hiç yorum yapılmamış.

Benzer İçerikler