Javascript onKeyup赢得'；无法捕获要过滤的最后一个字母

我使用的shufflejs位于以下位置： 只有当用户快速输入时，我才能捕捉到最后一个字母。例子： 用户类型“帕格”和“联想电脑”、“Mac电脑”、“帕格狗”和“紫色椅子”出现了，因为它们都有“pu”。另外，如果我按backspace 3次删除搜索框中的单词“帕格”，它不会默认为原始位置。我必须打它4次，即使搜索很清楚

如果用户键入的速度慢，则不会发生这种情况，并且一切正常。 我尝试了onkeydown、onkeypress、onkeychange和oninput，但似乎没有任何东西可以解决它

请让我知道我做错了什么。我肯定我错过了一些小细节，但我没能抓住。非常感谢您的帮助

HTML

<div class="col-md-4" data-groups="electronic" data-title="Lenovo Computer">
    <img src="image/lenovoLap.jpg" class="img-responsive" />
        <figcaption class="picture-item__title">Lenovo Computer</figcaption>
</div>
<div class="col-md-4" data-groups="electronic" data-title="Mac Computer">
    <img src="image/macBook.jpg" class="img-responsive" />
        <figcaption class="picture-item__title">Mac Computer</figcaption>
</div>
<div class="col-md-4" data-groups="pet" data-title="Pug Dog">
    <img src="image/pugDog.jpg" class="img-responsive" />
        <figcaption class="picture-item__title">Pug Dog</figcaption>
</div>
<div class="col-md-4" data-groups="furniture" data-title="Purple Chair">
    <img src="image/PurpleChair.jpg" class="img-responsive" />
        <figcaption class="picture-item__title">Purple Chair</figcaption>
</div>

---

尝试使用

input

event.@RejithRKrishnan抱歉，我对JS还是有点陌生。我尝试了$（'.js shuffle search'）。在（'input'，function（）{…）上，它没有工作，这就是你的意思吗？

$(function () {

gridContainer = $('#shuffleContainer');
var sizer = gridContainer.find('.col-md-4');

$('.js-shuffle-search').on('keyup', function () {
    var val = this.value.toLowerCase();
    gridContainer.shuffle('shuffle', function ($el, shuffle) {

        // Only search elements in the current group
        if (shuffle.group !== 'all' && $.inArray(shuffle.group, $el.data('groups')) === -1) {
            return false;
        }

        var text = $.trim($el.find('.picture-item__title').text()).toLowerCase();
        return text.indexOf(val) !== -1;
    });
});