Question

我试图找出一种方法来跟踪用户点击我网站上的按钮的次数，因此只需在每次点击时为总数添加值为1。

我只是不确定如何存储和访问此号码。 html和javascript的新手，请保持简单，谢谢！

Answer 1

<script type="text/javascript">
    jQuery(document).ready(function($){
        $(this).click(function(){
             /** Perform Operations Here To Save Click Count **/             
        });
    });
</script>

Answer 2

使用HTML5数据属性将计数存储为按钮的属性，而不仅仅是全局变量，并在每次单击时增加计数/更新数据计数。

另一个客户端解决方案是使用本地/会话存储来存储计数。

请注意，如果您需要服务器端解决方案并且可以访问它 - 您将需要使用php或类似的方法并将数据保存到数据库中。

＆＃13;

$(document).ready(function(){
  $('#clicker').click(function(){
    var count = parseInt($(this).attr('data-count')) + 1;
    $('#clickedNum').text('The button was clicked ' + count + ' times');
    $('#clicker').attr('data-count', count);
   });
 })

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button name="button" id="clicker" data-count='0'>Click Me</button>
<p id="clickedNum"></p>

＆＃13;

Answer 3

如果你的HTML是：

<div id="showCount"></div>
<input type="button" id="btnClick" value="Click me" onclick="CountFun();/>

现在要计算的功能是：

var cnt=0;
function CountFun(){
 cnt=parseInt(cnt)+parseInt(1);
 var divData=document.getElementById("showCount");
 divData.innerHTML="Number of Clicks: ("+cnt +")";

}

Answer 4

您可以听取相应按钮的点击并存储它。

<button name="button" >Click Me</button>

var ele = document.getElementsByTagName('button');
     var numOfClick = 0;
     ele[0].addEventListener('click', function() {
      numOfClick = numOfClick + 1;
    });

跟踪并显示用户点击我网站上的按钮的次数

4 个答案: