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