0

検索時に画像のクラスを変更する検索ボックスがあります。しかし、他の CSS コードに干渉しています。3 文字または最大値が入力された場合にのみ機能を実行したいと思います。何時間もこれにいました。

HTML

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

ジャバスクリプト

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/

4

1 に答える 1

0

試す

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

デモ:フィドル

于 2013-07-20T02:19:37.687 に答える