jQuery mouseclick counter - リセット方法は？

Question

私は、ユーザーがマウスをクリックするたびにカウントするサイトを作ろうとしています。私はその部分がダウンしているが、ユーザーがクリックした後、0からマウスのクリックカウンターを戻すリセットボタンも含める必要がある。

私はvar = 0を移動するとわからないドキュメントは準備完了ですが、リセットされますが、ボタンがクリックされた後、カウンタは1を超えることはありません。何をすべきかわかりません。

マイスクリプト -

$(document).ready(function(){ 
    console.log("Here"); 


    $(document).click(function(e) { 
     $('#location').append("("+e.clientX+", "+e.clientY+")<br>"); 
    }); 

    var counter = 0; 
    $(document).click(function(e) { 
     counter++; 
     $("#mouseclick").text("Total mouse clicks: " + counter); 
    }); 

    $('button').click(function(e) { 
     e.stopPropagation(); // stop the event from propagating up the visual tree 
     $('#location').text(""); 
     $("#mouseclick").text("Total mouse clicks: 0"); 
    }); 

    $('button') 
}); 

私はそれらを必要とするには、「ボタン」をクリックすることができるようにすると、カウントがリセットされます。何かアドバイス？

Answer 1

あなたはカウンタをリセットしていません。 this fiddle

$(document).ready(function(){ 
    console.log("Here"); 


$(document).click(function(e) { 
    $('#location').append("("+e.clientX+", "+e.clientY+")<br>"); 
}); 

var counter = 0; 
$(document).click(function(e) { 
    counter++; 
    $("#mouseclick").text("Total mouse clicks: " + counter); 
}); 

$('button').click(function(e) { 
    e.stopPropagation(); // stop the event from propagating up the visual tree 
    $('#location').text(""); 
    counter = 0; 
    $("#mouseclick").text("Total mouse clicks: 0"); 
}); 

Answer 2

$（ 'button'）。click（）イベントにちょうど追加してください。

$('button').click(function(e) { 
    counter=0; 
    e.stopPropagation(); // stop the event from propagating up the visual tree 
    $('#location').text(""); 
    $("#mouseclick").text("Total mouse clicks: 0"); 
});