javascript - 使用 .off() 删除多个相同的事件处理程序

Question

我分配了两个事件处理程序:

$('#myElement').on('click', '.classA', doSomething);
$('#myElement').on('click', '.classB', doSomethingElse);

我想删除这两个处理程序。我知道我能做到:

$('#myElement')
    .off('click', '.classA')
    .off('click', '.classB');

我认为这在一行中是可能的，但是这两个都失败了:

$('#myElement').off('click', '.classA, .classB');
$('#myElement').off('click', '.classA .classB');

有没有一种方法可以在一个命令中完成？

Answer 1

查看源代码后，您将在 off 中看到:-

return this.each( function() {
    jQuery.event.remove( this, types, fn, selector );
}

这意味着选择器需要与创建时的完全一样。

因此你需要使用:-

$('#myElement').on('click', '.classA', function() { alert('A'); });
$('#myElement').on('click', '.classB', function() { alert('B'); });

$('#myElement').off('click', '.classA').off('click', '.classB');

$('#myElement').on('click', '.classA', function() { alert('A'); });
$('#myElement').on('click', '.classB', function() { alert('B'); });

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

<div id="myElement">
  <button class="classA">A</button>
  <button class="classB">B</button>
</div>