我正在尝试创建一个每次用户点击鼠标时计算的网站。我有那个部分,但我还需要包含一个重置按钮,在用户点击它之后,从0开始鼠标点击计数器。
我无法弄明白 - 如果我将var = 0关于doc准备就绪,它会重置,但是点击按钮后,计数器永远不会超过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')
});
我需要他们能够点击按钮&#39;并且计数将重置。有什么建议吗?
答案 0 :(得分: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");
});
答案 1 :(得分:0)
只需在$(&#39;按钮&#39;)中添加counter = 0。点击()事件。
$('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");
});