フォーム内に、テキストボックスが一つだけ設定されている場合には、テキストボックス内でのエンターキー入力でサブミットしてしまいます。便利なときもありますが、その反面使い易さなどの観点からエンターキー入力でのサブミットを禁止したい場合もあると思います。ここでは、jQuery を使ってエンターキー入力でのサブミットを無効化するサンプルを掲載しています。
Tag Archives: jquery
[ jQuery ] DOM要素の移動とコピー ( jQuery.clone().appendTo )
ここでは、jQuery を使用して DOM 要素の移動とコピーを行うサンプルを掲載しています。なお、DOM 要素とは div や table などの HTML の各種のタグのことを指しています。
[ jQuery ] 画面全体の操作をロックする ( z-index の活用 )
サブミット実行時にサーバーの処理時間が長い場合などに、今表示されているボタンなどの多重実行などを避けるために、画面全体をロックしたい場合があります。もっとも、サーバーの処理に時間をかけないようにできれば良いのですが、仕方がない場合もあるのでてっとり早く画面全体の操作を制限する jQuery を使用したサンプルを掲載しています。
[ jQuery ] SELECT 要素(タグ)の値を設定・取得する
ここでは、jQuery を用いてセレクトタグの選択値を設定・変更するサンプルと、現在選択されている値(行)を取得するサンプルを掲載しています。詳細は、サンプル内のコメントを参照ください。
[ jQuery ] ブラウザの再表示 ( F5 ) や戻る ( Backspace ) のイベントを無効化する
Web アプリを作成していると、どうしてもユーザ操作の再表示( F5 )や、戻る( Backspace ) の操作を行って欲しくない場合があります。そのような時のために jQuery によって簡単に F5 や Backspace のキーダウンイベントを無効させることができますので、サンプルを掲載します。