1

別の入力でクリアできる入力を作成しようとしていますが、テキストがバックスペース/削除キーで削除/消去されると、クリアボタンを非表示にする必要があります。

例http://jsfiddle.net/FzVhW/

それを行う方法はありますか？

HTML:

  <form action="#" id="cse-search-box" METHOD="GET">
    <div>
      <input type="text" name="q" id="q" value="some value" size="35" autocomplete="off" onfocus="if (this.value == '') { document.getElementById('search_form_input_clear').style.background='#FFFFFF' };" onkeydown=" document.getElementById('search_form_input_clear').style.background='#000000'">

      <input id="search_form_input_clear" class="search_form_input_clear" type="button" value="X" OnClick="document.getElementById('q').value=''; document.getElementById('q').focus();" style="background: #FFFFFF; border: none; font-weight: bold; color: #FFFFFF;">
      <input type="submit" value="Search" class="submit" />
    </div>
  </form>

JavaScript:

  var clearbut = document.getElementById('search_form_input_clear');
  var searchfield = document.getElementById('q');
  if (searchfield.value != '') {
      clearbut.style.background='#000000'; 
  }
  else if (searchfield.value === '') {
      clearbut.style.background='#FFFFFF'; 
  }
4

3 に答える 3

1

使用するキーダウン関数の代わりにこのキーアップを使用してください

onkeyup="if (this.value == '') { document.getElementById('search_form_input_clear').style.background='#FFFFFF' };"

要素で

それが動作します

于 2013-08-28T08:19:33.643 に答える