2009年11月24日火曜日

HTMLのテキストフォームでENTER押して...

スズキです。

HTMLの検索フォームで、テキストボックスに文字を入力して、
ENTER押したら検索結果表示して欲しいってのがあったので、
jQuery使って実装してみました。
(今までは検索ボタン(画像)押したら検索でした...)

--------【HTML】-------
...
<script language="javascript">
$(function(){
  $("#search").keypress(function(e) {
    if($("#search").val() != "" && e.which == 13) {
      // 検索結果表示処理
    }
  });
})
</script>
...
<form action="javascript:void(0)">
  <input type="text" id="search"/>
</form>
...
--------

まあ、ENTERキー(13)押したら...って処理ですね。
formタグのactiono属性を"javascript:void(0)"にしておくのもポイントでしょうか...

最近、いろいろと、ペースが落ちてる...

--------
http://www.suz-lab.com

0 コメント: