javascript - 轻型 Javascript 表过滤器，以最少的字符输入显示结果？

Question

我正在使用此脚本来过滤表:

http://codepen.io/chriscoyier/pen/tIuBL

对于我来说，我无法弄清楚如何让这个脚本仅在输入一定数量的字符时显示搜索结果。现在，它将搜索是否有任何输入放入过滤器框中，并且我试图让它仅在输入至少三个字符时才显示结果。

var limits = {
minChars: 3
}

我知道我可能应该使用 jQuery 来实现此目的，但这就是我目前所致力于的。

Answer 1

这是一个使用您的代码的简单示例。我们基本上“忽略”该值，直到它达到一定数量的字符，然后存储它并使用该变量...

(function(document) {
  'use strict';

  var LightTableFilter = (function(Arr) {

    var _input;
    var _value;

    function _onInputEvent(e) {
      _input = e.target;
      _value = _input.value;
      if (_input.value.length < 3) {
        _value = '';
      }
      ...
    }

    function _filter(row) {
      var text = row.textContent.toLowerCase(),
        val = _value.toLowerCase();
      row.style.display = text.indexOf(val) === -1 ? 'none' : 'table-row';
    }

    ...

})(document);