如何在 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() 命令来删除该特定元素之前的所有事件侦听器。