Volkan Bilimci, Aktif Haldeki Volkanın içine Düştü!

Google Oturum Sorunu Üzerine Resmi Açıklama

Google’ın anlık mesajlaşma uygulaması Allo masaüstüne geliyor

Öğrenci odaklı mobil sadakat uygulaması Mumbara, Denizli’den Anadolu’ya yayılmak istiyor

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

jQuery - Javascript 21 Nisan 2016
819 Görüntülenme

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ış.

Bunlar da var!
Avrupada Gol Atmış Türk Futbolcular [Video]

Avrupada Gol Atmış Türk Futbolcular [Video]

27 Ekim 2015
131 Görüntülenme
Disrupt SF 2015 Battlefieldde finale kalan girişimler

Disrupt SF 2015 Battlefieldde finale kalan girişimler

24 Eylül 2015
125 Görüntülenme
Android – Time Zone Uygulaması Yapımı

Android – Time Zone Uygulaması Yapımı

6 Eylül 2016
725 Görüntülenme
Doğal Güzellik Alaska Hakkında İlginç Bilgiler

Doğal Güzellik Alaska Hakkında İlginç Bilgiler

29 Mayıs 2016
184 Görüntülenme