Question

单击body后可以调用一个函数，然后在第二次单击后调用不同的函数吗？

我试过然后停下来，有什么想法吗？

$("html, body").one("click",function() {
  // to something
}

Answer 1

您可以尝试这样的事情：

var clicks = 0;
$("html, body").on("click",function() {
    if(clicks === 0){
        funcA();
    } 
    if(clicks > 1){
        funcB();
    }
    clicks++;
}

funcA和func

的位置

Answer 2

编辑：由于您最近添加了问题，我更改了答案。请参阅以下代码段：

＆＃13;

var myFunctions = [];

myFunctions.push(function() {
  $("body").css("background-color", "red");
});

myFunctions.push(function() {
  $("body").css("background-color", "green");
});

$("html, body").click(function(){
  if(myFunctions.length > 0) myFunctions.shift()();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

Answer 3

html部分：

<input type="button" value="Click Me" />

脚本部分：

$("input").one("click",function() {
    alert("First Function");  
  $("input").one("click",function() {
    alert("Second Function");
  });
});

Demo

在body上点击运行一个功能，另一个点击运行另一个功能

3 个答案: