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

JS 单次点击事件执行多次

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

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

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

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

解决方案

立即学习“Java免费学习笔记（深入）”；

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);   } }