javascript - 将 onkeyup 函数更改为 IF 语句

Question

我有一个搜索框，可以在搜索时更改图像的类别。但它会干扰其他 CSS 代码。我希望该功能仅在输入 3 个字符或最大值时运行。一直在这几个小时。

HTML

<input type="text" id="search" size="3" maxlength="3"/>

JAVASCRIPT

var input = document.getElementById('search');
var images = document.getElementById("GALLERY").getElementsByTagName('img');

input.onkeyup = function(){
  for(var i = images.length; i--;){
      images[i].className = 
        images[i].src.indexOf(this.value) > 0 ?
        'highlight' :
        '';
  }       
};

您可以在此处查看实际页面http://jsfiddle.net/FZYgP/2/

Answer 1

尝试

input.onkeyup = function(){
  var value = this.value;
  if(value.length < 3 && value.length < input.getAttribute('maxlength')){
       return;
  }
  for(var i = images.length; i--;){
      images[i].className = 
        images[i].src.indexOf(value) > 0 ?
        'highlight' :
        '';
  }       
};

演示：小提琴