Javascript如何避免无限回调调用？[副本]

Question

我有以下代码。

HTML

<p id="test">hello</p>

document.getElementById("test").addEventListener("click", function() {
  console.log("called");
  document.getElementById("test").click();
});

document.getElementById("test").click();

Answer 1

我想这可能是一个去抖的事情，当第一个click事件仍在运行时，或者在特定的时间段内，它不分派另一个click事件，以停止双击，两次触发事件处理程序。

document.getElementById("test").addEventListener("click", function() {
  console.log("called");
  document.getElementById("test").dispatchEvent(new MouseEvent('click', {
    view: window,
    bubbles: true,
    cancelable: true
  }));
});

document.getElementById("test").click();

<p id="test">hello</p>