Question

好的，所以我正在制作一个反应测试仪，我有一个功能，使形状出现在屏幕上，所以我想要的是某种功能，在点击某个元素后，它将结束一个功能。有没有办法做到这一点？抱歉，如果这是一个愚蠢的问题，那是因为我对整个编码都不熟悉......

Answer 1

你去吧

var clickHandler = (function (e) {
   var count = 0;

   return function () {
       count += 1;
       if (count > 5) {
           return;
       }

       // do other stuff here
   }
}());

aDiv.addEventListener('click', clickHandler, false);

Answer 2

您可以使用可能仍然依赖于点击功能的全局变量

<script>
var globalvar = 0;

onclickfunct()
{
globalvar += 1;

if(globalvar == 5)
{
//do my work
}
else
{
//give alert
}
}

</script>

Answer 3

您可以使用静态变量来计算对象被单击的次数。和here是如何在javascript中创建静态变量。

Answer 4

计数器达到5后，您可以取消绑定点击事件。请参阅下面的示例

＆＃13;

function test(sender) {
  sender.dataset.clicked++;

  console.log("I've been clicked", sender.dataset.clicked);
  
  if (+sender.dataset.clicked === 5) {
    // unbind the event
    sender.onclick = null;
  }
  
  return;
}

＆＃13;

<div onclick="test(this);" data-clicked="0">click me</div>

＆＃13;

在对某个元素进行一定次数的点击后停止功能

4 个答案: