可以在同一元素上使用多个点击事件吗？

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
   });
});

我希望这对您有用。