テキストでフィルタのパフォーマンスが低下する問題を解決する方法

Question

テキスト要素を入力してSELECTの内容をフィルタリングできるコードが見つかりました。しかし、それはうまく動作しますが、時間の経過とともにパフォーマンスがかなり悪くなります。私はそれがフィルタコードかどうか、私がそれを起動しているかどうかはわかりません。

SELECTは、モーダルダイアログに表示（ブートストラップ）私は次のコードを持っている：

$('#myModal').on('shown', function() { 
    $(".focusable").val("").focus(); 
    var select = $('#myModal').find(".modal-body").find("select"); 
    var text = $('#myModal').find(".modal-body").find("input[type='text']"); 
    select.filterByText(text, true); 
}); 

そして、ここでのフィルタコードです：

jQuery.fn.filterByText = function (textbox, selectSingleMatch) { 
    return this.each(function() { 
    var select = this; 
    var options = []; 
    $(select).find('option').each(function() { 
     options.push({value:$(this).val(), text:$(this).text(), data:$(this).data("short-name")}); 
    }); 
    $(select).data('options', options); 
    $(textbox).bind('change keyup', function() { 
     var options = $(select).empty().data('options'); 
     var search = $.trim($(this).val()); 
     var regex = new RegExp(search, 'gi'); 

     $.each(options, function (i) { 
     var option = options[i]; 
     if (option.text.match(regex) !== null) { 
      var copyOption = $('<option>').text(option.text).val(option.value); 
      copyOption.data("short-name", option.data); 
      $(select).append(copyOption); 
     } 
     }); 
     if (selectSingleMatch === true && 
      $(select).children().length === 1) { 
     $(select).children().get(0).selected = true; 
     } 
    }); 
    }); 
}; 

誰がどこにいくつかの光を当てることができます私のパフォーマンスの問題があり、それを解決する方法は？

Answer 1

私は次のように追加することをお勧めコメントを読ん：

$(textbox).bind('change keyup', function(event) { 
    console.log(event); 
    // your code 
}); 

イベントはダイアログが表示され、いくつかの時間の後に、単一のkeyUpイベントに複数回トリガーされますか？

$('#myModal').on('hidden', function() { 
    $('#myModal').find(".modal-body").find("input[type='text']").off("change keyup"); 
});