本站资源收集于互联网,不提供软件存储服务,每天免费更新优质的软件以及学习资源!

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

网络教程 app 1℃

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

js 单次点击事件执行多次

在 javascript 中,如何实现单次点击事件执行两次?设想有如下代码:

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

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

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

解决方案

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

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

最终代码如下:

var temp = 1;function myFunction(id) { temp = temp + 1; if (temp < 3) { // 执行两次的内容 myFunction(id); }}

以上就是JavaScript单次点击如何实现事件函数执行两次?的详细内容,更多请关注范的资源库其它相关文章!

转载请注明:范的资源库 » JavaScript单次点击如何实现事件函数执行两次?

喜欢 (0)