单击 3 次后执行 Javascript 函数的 HTML 链接

Question

我想知道是否有一种方法可以在用户单击链接 3 次时才执行 javascript 函数。

这是 HTML 代码：

<a onclick="toggleFullScreen()">Toggle Fullscreen</a>

这是 Javascript 部分：

function toggleFullScreen() {

  if (!document.fullscreenElement &&    // alternative standard method

      !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) {  // current working methods

    if (document.documentElement.requestFullscreen) {

      document.documentElement.requestFullscreen();

    } else if (document.documentElement.msRequestFullscreen) {

      document.documentElement.msRequestFullscreen();

    } else if (document.documentElement.mozRequestFullScreen) {

      document.documentElement.mozRequestFullScreen();

    } else if (document.documentElement.webkitRequestFullscreen) {

      document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);

    }

  } else {

    if (document.exitFullscreen) {

      document.exitFullscreen();

    } else if (document.msExitFullscreen) {

      document.msExitFullscreen();

    } else if (document.mozCancelFullScreen) {

      document.mozCancelFullScreen();

    } else if (document.webkitExitFullscreen) {

      document.webkitExitFullscreen();

    }

  }

}

Answer 1

对全局变量使用本地存储。看到这篇文章，它甚至有一个计算点击次数的例子：https&nbsp;:&nbsp;//www.w3schools.com/jsref/prop_win_localstorage.asp