可以在同一元素上使用多個點擊事件嗎？

Question

$("#button1").click(function(e)
{
//action
});
$("#button2").click(function(e)
{
 //do something
    $("#button1").click(function(f)
    {
    //do something else
    });
});

我有兩個按鈕執行不同的操作。但是，如果單擊按鈕2，則需要按鈕1在下次單擊時執行不同的任務，而不會執行第一個功能。 有什么建議么？

Answer 1

我建議您研究一下jQuery的.on（）和.off（）功能。

http://api.jquery.com/on/

http://api.jquery.com/off/

就像上面“關閉”鏈接中所說的那樣，您可以為點擊事件創建名稱空間，因此您可以添加和刪除所需的特定打開和關閉事件。 像這樣：

$("#button1").on("click.myName", function(e){
        //action
});

$("#button2").click(function(e){
    //do something

    $("#button1").off("click.myName").on("click.myOtherName", function(e) {
        //do something else
    });

});

這使您可以更直接地將點擊事件作為目標，而不是一般調用.off()清除所有點擊事件。

Answer 2

為此，您需要使用一個變量范圍來檢測是否單擊了按鈕1或2。

var btn = 1; // default
$("#button1").click(function(e)
{
  if(btn){
    #button1 click
  }
  else{
    #after button2 click
  }
});
$("#button2").click(function(e)
{
    btn = 2; //change value after button2 click 
});

Answer 3

您可以使用的一種方法是，在將新的事件偵聽器添加到要更改的按鈕之前，取消綁定任何事件偵聽器。

這可以通過Jquery中的on（）和off（）函數來完成。

$("#button1").off('click').on('click',function(e)
{
    //action
});

然后，您可以使用按鈕2執行相同的操作...

$("#button2").off('click').on('click',function(e)
{
    //action
    $("#button1").off('click').on('click',function(e)
    {
        //action
    });
});

這樣，您設置的最后一次單擊將是單擊該元素時唯一發生的一次單擊。

Answer 4

您可以嘗試一次

$("#button1").click(function(e)
{
//action
});
$("#button2").click(function(e)
{
 //do something
  $("#button1").unbind();
  $("#button1").bind('click', function(f)
   {
     //do something else
   });
});

我希望這對您有用。