Question

我想计算点击一次指定按钮的次数。在我的代码中，我有8个按钮，每次单击任何其他按钮时，在p元素中显示数字。

你能帮我解决这个问题吗？

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

最简单的方法：

flip . const :: (e -> f) -> e -> d -> f

Example

Answer 4

试试这个

  version '1.0-SNAPSHOT'
  apply plugin: 'java'
  apply plugin: 'application'
  apply plugin: 'com.github.johnrengelman.shadow'

  group = 'your.package.path.here'
  version = '0.0.1-SNAPSHOT'

  mainClassName = 'your.package.path.here.MainClassName'

  buildscript {
      repositories {
          jcenter()
      }
      dependencies {
          classpath 'com.github.jengelman.gradle.plugins:shadow:2.0.1'
      }
  }


  dependencies {
      compile(group: 'org.springframework', name: 'spring-core', version:'4.3.11.RELEASE') 
  }

  repositories {
      mavenCentral()
 }

 jar {
 doFirst {
    manifest {
        if (!configurations.compile.isEmpty()) {
            attributes(
                    'Class-Path':configurations.compile.collect{it.toURI().toString()}.join(' '),
                    'Main-Class': 'your.package.path.here.MainClassName')

        }
    }
}

Answer 5

您可以迭代每个button，创建只能由counter访问的button变量，并在点击时增加该变量。

$('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事件中使用。像这样：

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 7

如this文章所述，闭包应该可以解决问题。因此，无需定义全局变量来计算点击次数并污染全局命名空间。

        element.onclick = (function outer() {

           let counter = 0;

           return function inner() {

              counter++;
              console.log('ID:' + element.id + 'Number of clicks: ' + counter);
           };
       })();

counter变量对于每个按钮都是唯一的，因此您可以获得每个按钮的信息点击次数。

JavaScript-计算按钮被冻结的次数

7 个答案: