查看用戶單擊圖像的次數

我正在嘗試計算用戶單擊任何圖像的次數。這是我想出了：查看用戶單擊圖像的次數

var count = 0 

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

我想知道這是否會甚至工作，如果是我的解決方案的最佳途徑。另外，我以後如何訪問「計數」？例如，如果我要放入一個基本條件來檢查'count'是否大於10，它會是一個單獨的函數，還是它會在'countClicks'函數中？謝謝你，對不起，如果這個問題過於簡單。

來源

2012-06-20 Jon

您是否需要統計每張圖片或所有圖片的總點擊次數？ – zerkms

您不需要在函數中包裝點擊處理程序（在本例中爲'countClicks（）'），並且如果要跟蹤許多頁面加載和訪問者的點擊次數，則需要將其存儲在數據庫。 – Andrew

我只需要跟蹤用戶點擊任何圖像的時間。 – Jon

你可以使用data()存儲：

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

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

來源

2012-06-20 05:08:27 elclanrs

如果您想檢索該值供以後使用，您應該嘗試考慮保留計數值（在數據庫中）。

來源

2012-06-20 05:05:32

使用事件監聽器是不是的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."; 
    }

來源

2017-10-25 06:26:11

查看用戶單擊圖像的次數

回答

相關問題