jQuery Mausklickzähler - Wie wird zurückgesetzt?

Question

Ich versuche eine Website zu erstellen, die jedes Mal zählt, wenn der Benutzer mit der Maus klickt. Ich habe diesen Teil nach unten, aber ich muss auch eine Reset-Taste, die, nachdem der Benutzer klickt, beginnt den Mausklick Zähler von 0 zurück.

Ich kann es nicht herausfinden - wenn ich die var = 0 über bewegen Das Dokument ist bereit, es wird zurückgesetzt, aber nachdem der Knopf geklickt wurde, geht der Zähler niemals über 1. Ich bin mir nicht sicher, was ich tun soll.

Mein Skript -

$(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') 
}); 

ich sie müssen in der Lage ‚Taste‘ klicken und die Zählung wird zurückgesetzt. Irgendein Rat?

Answer 1

Sie setzen den Zähler nicht zurück. Siehe 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

Fügen Sie einfach counter = 0 in $ ('Button').() Klicken Ereignis.

$('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"); 
});