查看用户点击图片的次数

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.";
    }