使我的點擊雙擊事件工作

Question

嗨，我正在為我的jquery ajax引擎點擊雙擊事件處理程序。 這個想法是你可以點擊或雙擊一個按鈕。 我自己寫了這個，但我不明白為什么它不起作用。

這是代碼：

$('body').on('click', '.double-click', function() {
    var that = this;
    var dblclick = $(that).data('clicks');
    if(!dblclick){
        dblclick = 0;
    }
    dblclick = dblclick + 1;
    $(that).data('clicks', dblclick);
    dblclick = $(that).data('clicks');
    console.log('click - ' + dblclick);

    if(dblclick > 1){
        $(this).data('clicks', 0);
        //ajaxloader(this, 1);
        alert('dubbel-klik');
        console.log('dubbelcik event');
    }   

    setTimeout(function() {
        if(dblclick == 1){
            $(that).data('clicks', 0);
            //ajaxloader(this, 0);
            alert('klik');
            console.log('single click event');
        }
    }, 400);
});

它可能看起來有點過於復雜，但那是因為我嘗試了一些東西。 我遇到的問題是，當我雙擊雙擊時，單擊也會執行。 當我用$(this).data('clicks', 0);重置時，這怎么可能$(this).data('clicks', 0); 。 然后計數器必須為0，並且超時中的if語句必須為false。

有人知道出了什么問題！？

是的，請在此處查看工作演示： 單擊click en dubbelclick按鈕

Answer 1

你這太復雜了。 jQuery具有所有這些內置功能：

$('body').on('click', function(){ 
    alert("single click")
});
$('body').on('dblclick', function(){
    alert("double click");
});

這也將點擊單一：你可能想看看這個線程，看看你可以做些什么來防止這種情況： Javascript與jQuery：點擊並雙擊相同的元素，不同的效果，一個禁用其他