質問: bootstrapで作成された レスポンシブデザインのサイトがあり ページ内に2つのformがあります ひとつは1スマホ用表示 もうひとつは2PC用表示です 2hidden-xs 1visible-xs でそれぞれ表示を切り替えてます 気持ち的にはフォームは一つ(スマホ時1つ、PC時1つ)のつもりですが どうしても記述が2つあるのでエンターでのsubmitが出来ず困ってます。 何か方法あるのでしょうか ちなみに 最初にスマホ用1が記述され ``` 検索 ``` あとでPC用2が記述されてます ``` ``` 2を表示している時にエンターでsubmitしたいです
回答: ``` ``` 「onkeypress」でキーの検出ができます。 onSerachに引数設定してあげたのち、 内部で引数の数値が「13」または「null(undefined)?」の場合実行してあげればよいと思います。 (13はEnterのkeyCode) 多分この方法だとバグってるでしょう(keycodeは網羅できてないきがする。) やり方はお任せしますが、onSearchではなく別の関数を作成してその関数でonSearchを呼ぶとか、 色々方法はあると思います。 私だったらjavascript側でイベントハンドラを定義して制御してあげます。