Artificial Web Site Tasarımı

PHP 5 if- else – elseif Deyimleri

Büyük MySQL Veritabanlarını İçeri Aktarma Scripti

Alouette Agency Web Site Tasarımı

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

JQuery Öğreniyorum Perşembe Nisan 21st, 2016
1.089 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ış.

İlginizi Çekebilir
Twitter Toplu Takip Etmek Kodu – Javascript & jQuery

Twitter Toplu Takip Etmek Kodu – Javascript & jQuery

Pazar Haziran 19th, 2016
1.491 Görüntülenme
jQuery click() Metotu Kullanımı – jQuery  ile Tıklama İşlemi

jQuery click() Metotu Kullanımı – jQuery ile Tıklama İşlemi

Pazar Nisan 17th, 2016
573 Görüntülenme
Javascript ile Siteye Bağlanan Cihazları Tespit Etme

Javascript ile Siteye Bağlanan Cihazları Tespit Etme

Salı Aralık 29th, 2015
501 Görüntülenme
Sitenize Mobil’den Bağlanan Ziyaretcilerin Telefonunu Titresin

Sitenize Mobil’den Bağlanan Ziyaretcilerin Telefonunu Titresin

Pazartesi Aralık 28th, 2015
487 Görüntülenme
Bunlar da var!
Dünyanın En Tehlikeli 5 Yolu [Video]

Dünyanın En Tehlikeli 5 Yolu [Video]

Çarşamba Şubat 3rd, 2016
262 Görüntülenme
2015 En İyi Videolar –  Hayrettin

2015 En İyi Videolar – Hayrettin

Salı Mayıs 3rd, 2016
234 Görüntülenme
PlayStation Plus Yeni Ücretsiz Oyunlarını Duyurdu

PlayStation Plus Yeni Ücretsiz Oyunlarını Duyurdu

Perşembe Mayıs 28th, 2015
243 Görüntülenme
FBI, iPhone 5C’yi kırmak için gri şapkalı korsanlara para ödemiş

FBI, iPhone 5C’yi kırmak için gri şapkalı korsanlara para ödemiş

Perşembe Nisan 14th, 2016
253 Görüntülenme
Taksiciler Uber’i protesto etti

Taksiciler Uber’i protesto etti

Çarşamba Mart 23rd, 2016
248 Görüntülenme
Akordiyon Menü

Akordiyon Menü

Pazartesi Kasım 21st, 2016
353 Görüntülenme