我是否需要使用JQuery删除和替换事件处理程序以交换它们？

Question

1. 我希望事件click并touchstart触发功能。

当然，使用JQuery很简单。 $('#id').on('click touchstart', function{...});

2. 但是一旦触发了该事件，当事件触发后，我希望同一个处理程序执行其他操作，

3. 然后，我想回到原始的处理功能。

与使用$('#id').off('click touchstart');相比，似乎必须有一种更清洁的方法$('#id').off('click touchstart'); 然后重新应用处理程序。

我应该怎么做？

Answer 1

我这样做的方式是通过为处理程序函数创建几个函数来基于某些标志进行调用。 Sudo代码将如下所示：

function beginning_action() {
...
}

function middle() {
...
}

var beginning_state = true;    

$('#id').on('click touchstart', function{
  if(beginning_state) {
    beginning_action();
  } else {
    middle();
  }
});

然后，您所需要做的就是更改变量beginning_state以更改调用哪个函数。 当然，您可以给他们更好的名字来描述他们的工作，而不是描述他们的工作时间。

另外，如果您希望处理程序调用两个以上的函数，则可以将beginning_state变量从布尔值更改为int并检查其值以确定要调用的函数。

祝好运！

Answer 2

您可以在JavaScript代码的某些构造中创建一个计数器变量，该变量可让您决定如何处理事件。

  $(function() { var trackClicks = (function() { var clicks = true; var getClicks = function() { return clicks; }; var eventClick = function() { clicks = !clicks; }; return { getClicks: getClicks, eventClicks: eventClicks } })(); $('#id').on('click touchstart', function { if (trackClicks.getClicks()) { handler1(); } else { handler2(); } trackClicks.eventClick(); }); function handler1() { //firsthandler}; function handler2() { //secondhandler}; }); 

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