首页 > 文章列表 > JavaScript单次点击如何实现事件函数执行两次?

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

388 2025-01-31

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);
  }
}
来源:1732789755