JavaScript- 計算按鈕被點擊的次數

Question

我想計算只點擊了 1 個指定按鈕的次數。 在我的代碼中，我有 8 個按鈕，每次單擊任何其他按鈕時，都會在 p 元素中顯示數字。

http://prntscr.com/jg26mk

你能幫我解決這個問題嗎？

Answer 1

您可以為指定的按鈕分配一個 ID，然后在 jQuery 中使用$('#id')而不是$('button')

Answer 2

可能這就是你要找的。

var count=0;
$(".mySpecialButtons").click(function (){ count++; });
// call this function to show click counts!
function showClicks(){
        alert(count);
}

Answer 3

最簡單的方法：

<button onclick="myFunction()">Click</button>
<p id="demo"></p>

<script>
var count = 0;
function myFunction() {
  document.getElementById("demo").innerHTML = count++;
}
</script>

例子

Answer 4

嘗試這個

<button type="button" id="SomeID">Countable button</button>
<button type="button" >Unountable button</button>
<button type="button" >Unountable button</button>


<script>
    var count = 0;
    $('body').on('click', '#SomeID', function () {
        count++;
        $("p").text("Number of Count is " + count)
    });
</script>

Answer 5

您可以迭代每個button ，創建只能由button訪問的counter變量，並在單擊時增加它。

 $('button').each( function(){ var counter = 0; $( this ).click( function(){ counter++; alert( this.innerText + ' has been clicked ' + counter + ' times' ); } ); } )

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button>Button A</button> <button>Button B</button> <button>Button C</button>

Answer 6

給你的特殊按鈕一個id並在click事件上使用它。 像這樣：

 var count = 0; $("button#special").on('click', function() { count ++; $("p").text(count); }); $("p").text(count);

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button>Send</button> <button id="special">Click Me to count</button> <br /> <button>Send</button> <button>Click</button> <br /> <button>Send</button> <button>Click</button> <br /> <button>Send</button> <button>Click</button> <br /> <p></p>

Answer 7

封閉件應該做的伎倆，如在該文章。 因此，無需定義全局變量來計算點擊次數和污染全局命名空間。

element.onclick = (function outer() {
    let counter = 0;
    return function inner() {
        counter++;
        console.log('ID:' + element.id + 'Number of clicks: ' + counter);
    };
})();

counter變量對於每個按鈕都是唯一的，因此您將獲得每個按鈕被點擊多少次的信息。