如何取消绑定由全局函数定义的事件？

Question

我有一个绑定到全局函数的事件（我需要它来跟踪函数本身）。

例如

 window['mUpEventHandler'] = function(){
      // ...
 }

它通过

绑定到 $('body')

 .on('mouseup')

现在我知道我可以在知道处理程序名称的情况下解除绑定

 $('body').off(myHandler) // # myHandler = mUpEventHandler  for example

但是在全局定义它时，我有函数本身但没有它的名字。

我该如何克服这个问题？

Answer 1

在$('body').off(myHandler)中，myHandler不是"name"，它是一个引用函数的变量。

要取消绑定事件处理程序，您需要引用该函数。所以

$('body').off(mUpEventHandler)
// or
$('body').off(window.mUpEventHandler)

会很好用。

Answer 2

您可以使用名称空间进行绑定吗？然后根据命名空间删除事件？

https://css-tricks.com/namespaced-events-jquery/

window['mUpEventHandler'] = function () {
  alert('test');
}


$('body').on('mouseup.mUpEventHandler', function () {
  mUpEventHandler()
});


$('button').click(function () {
  $('body').off('.mUpEventHandler');
})

http://jsfiddle.net/SeanWessell/5p7t22mh/

如何取消绑定由全局函数定义的事件？

How to unbind an event defined by a global function?

jquery

event-handling