2007年12月1日土曜日

テキストボックスでのEnterキー押下での制御

スズキです。

フォームタグの中がテキストフィールド一つだけのとき、
そこで、Enterキーを押すと、submitされます。

ここで、イメージボタンとか使って、そのonclickで、
javascript実行して処理してる場合、
テキストフィールドでEnterキーを押したら、
そのjavascriptが呼ばれて欲しいわけです。

これを実現するため下記情報が非常に参考になりました。
http://www.g-collab.com/xoops/modules/bwiki/index.php?HTML%20JavaScript%20CSS%2FSubmit%A4%CE%CD%DE%C0%A9

ポイントは、

1. <input type="text" style="position:absolute;visibility:hidden">
といったダミーのテキストボックスを入れる。

2. 実際のテキストボックスに対してonKeyPressイベントでjavascriptを割り当てる
<input id="keyword" type="text" class="input01" onKeyPress="key_press()"/>
ただし、そのjavascriptはkeyCode:13(Enterキー)のみに作用するようにする。
function key_press(){
  if(event.keyCode == 13){
    search();
  }
}

といった感じになります。

今週末は普通に忙しい状態で仕事できそうだ...
(今までの週末はやばかった...)

--
blog: http://suz-lab.blogspot.com/

0 コメント: