Question

我想这样做，以便在第一次点击时我为javascript调用一个函数，然后在第二次单击时我调用javascript的另一个函数。怎么会这样？

基本上我按下这个图像，它调用这个功能，如果我再次按它它会调用另一个功能。先是第二个。

使用html

Answer 1

  <script>
    var clicked = false;

    function doSomething()
   {
      if(clicked)
     {
       alert(2); 

     }
    else
    {
       alert(1); 

    }
   clicked = !clicked;
}
  </script>
</head>
<body>
  <p id="hello" onClick="doSomething();">Hello World</p>
</body>

请参见此处http://jsbin.com/uzivuj

Answer 2

首先，您的意思是JavaScript。

基本上，在第一个事件处理程序中，您要删除它，然后分配新的：

function foo()
{
   // Other work
   this.removeEventListner("click", foo, false);
   this.addEventListener("click", bar, false);
}

function bar()
{

}

element.addEventListener("click", foo, false);

Answer 3

每次点击按钮时，这会在first()和second()之间切换。

<input type="button" id="mybutton" value="Click me" />

<script>

    function first() { alert("first"); }
    function second() { alert("second"); }

    var toggleFlag = true;

    $("#mybutton").click(function() {
        toggleFlag ? first() : second();
        toggleFlag = !toggleFlag;
    });

</script>

Answer 4

希望这能帮到你

<a href=# onclick="onClickEvent()">
    <img src="[Src]" width="208" height="58" >
</a>


var count = 0;

function function1(){
    alert("Function 1");
    count++;
}

function function2(){
     alert("Function 2");
     count = 0;
}

function onClickEvent(){
     if(count ==0){
         function1();
     }else{
         function2();
     }
}

Answer 5

试试这个

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $("#mybutton").click(function(){
            $("p").toggle();
        });`enter code here`
    });
    </script>

    <h2>This is a heading</h2>

    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>

    <input type="button" id="mybutton" value="Click me to show" />

首先调用函数javascript

5 个答案: