JavaScript单次点击如何实现事件函数执行两次？

js 单次点击事件执行多次

在 javascript 中，如何实现单次点击事件执行两次？设想有如下代码：

<div id="element"></div>

function myfunction(id) {
  // 执行两次的内容
}

要求实现的内容不能包含在函数名内，因为那样就不能在一开始就执行一次。考虑到动态生成的 id 和多个元素绑定该事件函数的情况，该如何实现？

解决方案

1. 引入一个临时变量 temp，初始值为 1。
2. 在 myfunction 函数中，将 temp 递增 1。
3. 如果 temp 小于 3，执行待执行的内容，并递归调用 myfunction，传递相同的 id。
4. 否则，表示已执行两次，停止调用。

这将确保在第一次点击时执行一次，随后在单击后立即执行第二次。

最终代码如下：

var temp = 1;

function myFunction(id) {
  temp = temp + 1;

  if (temp < 3) {
    // 执行两次的内容
    myFunction(id);
  }
}