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' :
        '';
  }       
};

演示：Fiddle

将onkeyup函数更改为IF语句

1 个答案: