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.