Question

 $("#add_driver").click(function () {}

我如何使用jquery查明同一页面中事件发生了多少次？有没有简单的方法可以做到这一点？

Answer 1

将全局变量count与0一起使用，并在click函数内递增该值。如果您还想考虑页面刷新，则需要将该值存储在localStorage中，并在页面加载时获取该值以保持正确的点击计数。

注意

用户可以使用localStorage手动更改count的值，因此也不是更好的使用方法。您可以使用API在页面刷新为get值set和count时调用它。

var count = 0;

$("#add_driver").click(function () {
  count++;
  console.log('clicked count:', count);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='add_driver'>click me</div>

Answer 2

我已经使用了您提供的HTML，上面许多建议的方法正在起作用。我在此处附有答案的摘要，请检查。我只是添加了额外的CSS（尽管有点脱离上下文），以使div看起来像一个按钮。

var counter = 0;
$("#add_driver").click(function() {
  counter++;
  $("#counter").html(counter);
});

#add_driver{
  background-color:black;
  color:white;
  text-align:center;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="wrap-input100 validate-input bg1 rs1-wrap-input100">
  <div class="contact100-form-btn" id="add_driver">
    <span> Add another Driver (Keep clicking me) <i class="fa fa-long-arrow-right m-l-7" aria-hidden="true"></i></span>
  </div>
</div>

<div id = "counter"></div>

我刚刚添加了一个额外的div，它显示了div被点击的次数，用作计数器。

我希望这会有所帮助。

Answer 3

 var count = 0;
 jQuery("#add_driver").click(function(){
 count++;
});

使用此代码来计算按钮的点击次数。要检查计数，请警报（计数）；是的，请确保您可以将此值存储在会话中。

事件发生的次数

3 个答案: