javascript - 如何在JS/jQuery中创建不同的交互模式？

Question

我正在尝试创建一个用户界面，允许人们更改元素的交互类型。

例如，在一种模式下，元素应响应单击事件，在另一种模式下，元素应仅响应拖动事件。在另一种模式下，交互类型可能是其他的。

起初我计划使用 switch 语句，但后来意识到这不会监视更改。

我尝试过使用函数，但是当模式更改时，它会响应两种类型的交互，在本例中为“单击”和“拖动”。我猜测这可能与调用同一函数的多个实例有关。

我可以做到，但我的方法会很困惑。我正在寻找更清晰的答案。

理想情况下，代码应该类似于(简单性方面)

switch(modeType) {
   case 'click' :
     //Click stuff here
     break;

   case 'drag' :
     //Drag stuff here
     break;

   default :
     //Something else here

}

我意识到 AngularJS 有 $watch，这可能对此很有用，但我已经致力于在这个项目中使用 jQuery。

Answer 1

不敢相信这有多简单!在该函数中，我只需要调用 jQuery 的 .off() 命令即可删除该特定元素的所有先前事件监听器。