主页 / 问题 / 1334075
Accepted
Влад
Asked:2022-10-01 18:36:05 +0000 UTC2022-10-01 18:36:05 +0000 UTC

脚本的限制

  • 772

各位高手，请告诉我。按钮上挂了一个脚本，但是有些用户点击了几次，显然他们认为这是一个快捷方式，结果脚本执行了几次，是否可以设置点击次数的限制或工作超时或检查脚本是否正在运行？

这是代码：

display += "<a id = 'sss"+id+"' title='запрос' onClick=\"var xap = new XMLHttpRequest();xap.open('GET', 'https://test', true);xap.send(null);\" class='btn grey order' style='text-decoration: none; padding:2px 3px; font-size: 13px;'><font color='black'>запрос</font></a>";

javascript

1 个回答

  1. Best Answer

    使用布尔标志

    let flag = true; // Булевый флаг

document.querySelector('#btn').addEventListener('click', function() {
  if(flag === true) { // При нажатие выполняем проверку флага
    flag = false; // Ставим false, чтобы не выполнялся код при нажатие
    // Выполням ваш код
    console.info('click');
    setTimeout(function() {
      // Допустим ваш код выполнился, меняем флаг обратно на true, это нужно делать в конце, когда ваш код выполнится
      flag = true;
    }, 2000)
  }
});
    <button id="btn">Жать можно только раз в 2 секунды</button>

    @Aleksey Shimansky提出了另一种有趣的disabled方法，使用.
    这种方法会比第一种更好，因为。不需要向变量写入任何内容。

    document.querySelector('#btn').addEventListener('click', function(e) {
  if(e.target.disabled === false) { // проверяем наличие disabled
    e.target.disabled = true; // Активируем disabled
    // Выполням ваш код
    console.info('click');
    setTimeout(function() {
      // Допустим ваш код выполнился, disabled на false, это нужно делать в конце, когда ваш код выполнится
      e.target.disabled = false;
    }, 2000)
  }
});
    <button id="btn">Жать можно только раз в 2 секунды</button>

    • 1

相关问题