javascript - 在不同事件处理程序之间重用代码

Question

我有一个代码块，我想在触发点击时在不同的场景中调用它，具体取决于事件是直接的还是委托(delegate)的。

但是将代码更改为on后，它只能部分工作。

我有一个代码:

$(document).on('click','.selected-option',function(event){
//lot of code

我想使用:

$('.selected-option').click(function(event){ //lots of code  }

我想一起使用它，例如:

if (some condition)
{
    $(document).on('click','.selected-option',function(event){
}
else   
{
    $('.selected-option').click(function(event){
}

并且想要使用相同的代码。

Answer 1

您不必使用匿名函数来处理事件。只需编写一个常规函数即可:

function handleClick(event) {
  // lots of code
}

然后将函数绑定(bind)到所需数量的事件:

if (some condition) {
  $(document).on('click','.selected-option', handleClick);  
else {
  $('.selected-option').click(handleClick);
}