时间戳

首页 > 解决方案 > addEventListener：如何限制回调函数？

javascript - addEventListener：如何限制回调函数？

问题描述

实际上我想给按钮一个功能，使它只能在某些时候点击，我该怎么做？我还如何将用户定义的输入/参数传递给 addEventListener 的回调函数。

标签： javascriptaddeventlistener

解决方案

作为 Wai，您可以在 JS 中使用全局变量，或者如果使用框架，则将该变量存储在状态中并在回调函数中验证它是否在限制内或以其他方式递增并执行函数，下面是示例实现。

const countsClicked = 0;
const button = document.getElementById('my-button');
button.addEventListener("click", function() {
  if (countsClicked >= 5) {
    return;
  }
  //execute 
  ++countsClicked;
});

推荐阅读