5.00 / 1 oy

JQuery ile sadece çift tıklama durumunda tetiklenecek fonksiyon

JQuery ile çift tıklama eylemini de yakalamak mümkün, mesela sadece çift tıklama durumunda çalışacak bir fonksiyonu aşağıdaki gibi kodlayabiliriz.

button id="tikla">Tıkla</button>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
  $("#tikla").dblclick(function(e){
    alert("çift tıklandı");
    e.preventDefault();
  });
});
</script>

Bu kodlar neticesinde Tıkla butonuna sadece çift tıklandığında kodlar çalışacak ve ekranda "çift tıklandı" yarısı veren bir alert box çıkacaktır.

Bu uygulamayı bir aşama daha ileri görürelim ve tek ya da çift tıklanmasına göre farklı çıktılar veren bir buton tasarlayalım.

<script>
$(document).ready(function(){
 $("#tikla").click(function(e){
	alert("tıklandı");
    e.preventDefault();
  });
  
  $("#tikla").dblclick(function(e){
	alert("çift tıklandı");
    e.preventDefault();
  });
});
</script>

Burada şöyle bir problem var, tek tıklama eylemi çift tıklama eylemini de içine aldığı için daha butona ilk kez tıklandığında ikinci kez tıklayamadan ilk fonksiyon çalışacaktır ve çift tıklama eyleminin önüne geçmiş olacaktır.

Bu problemin çözümü için yeni bir soru açıyorum, eklenince bağlantısını buradan editleyeceğim.

Edit: JavaScript ile çözdüğüm soruya JavaScript'te tek tıklama ile çift tıklama için farklı eylemler tanımlamak linkine tıklayarak erişebilirsiniz.

RainingCodes

28.02.2020 16:48

Bu soru henüz yanıtlanmamış.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
JQuery ile sadece çift tıklama durumunda tetiklenecek fonksiyon

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.