Question

我正在尝试计算用户点击任何图片的次数。这就是我想出的：

    var count = 0

   $('document').ready(function() {
        function countClicks() {
            $('img').click(function() {
                count++;
            }
        )};
    )};

我想知道这是否会起作用，如果这是我解决方案的最佳方法。另外，我将如何访问“计数”以供日后使用？例如，如果我输入一个基本条件，检查'count'是否大于10，它是一个单独的函数还是在'countClicks'函数内？谢谢你，如果这个问题过于简单，我很抱歉。

Answer 1

您可以使用data()存储空间：

$('img')
    .data('counter', 0)
    .click(function() {
        var counter = $(this).data('counter');
        $(this).data('counter', counter + 1);
    });

演示： http://jsfiddle.net/elclanrs/QEKMf/

Answer 2

如果要检索该值以供以后使用，您应该尝试考虑持久计数值（在数据库中）。

Answer 3

使用事件监听器是一种很好的做法而不是onClick。这是一个简单的方法。 JS小提琴：https://jsfiddle.net/xomkq7dv/3/

document.getElementById ("cat").addEventListener ("click", updateCounter, false);
    var count = 0;
    function updateCounter() {
        count++;  
        document.getElementById("counted").innerHTML = "This has been clicked " + count + " times.";
    }

查看用户点击图像的次数

3 个答案: