フォーム内に、テキストボックスが一つだけ設定されている場合には、テキストボックス内でのエンターキー入力でサブミットしてしまいます。便利なときもありますが、その反面使い易さなどの観点からエンターキー入力でのサブミットを禁止したい場合もあると思います。ここでは、jQuery を使ってエンターキー入力でのサブミットを無効化するサンプルを掲載しています。
Tag Archives: javascript
[ jQuery ] DOM要素の移動とコピー ( jQuery.clone().appendTo )
ここでは、ｊQuery を使用して DOM 要素の移動とコピーを行うサンプルを掲載しています。なお、DOM 要素とは div や table などの HTML の各種のタグのことを指しています。
[ jQuery ] 画面全体の操作をロックする ( z-index の活用 )
サブミット実行時にサーバーの処理時間が長い場合などに、今表示されているボタンなどの多重実行などを避けるために、画面全体をロックしたい場合があります。もっとも、サーバーの処理に時間をかけないようにできれば良いのですが、仕方がない場合もあるのでてっとり早く画面全体の操作を制限する jQuery を使用したサンプルを掲載しています。
[ Javascript ] 画面（ディスプレイ）の解像度を取得する ( window.screen )
WEB サイトを作成する場合に、使用している端末のディスプレイのサイズによってデザインや文字の大きさを変更したい場合があります。Javascript で端末の画面の解像度がわかれば、それにあわせてスタイルシートを変更したりすることもできます。
[ Javascript ] クラスの継承とオーバーライド ( prototype )
JavaScript においてオブジェクト指向言語の継承のような実装方法はいくつか存在すると思いますが、ここでは prototype を使ったサンプルスクリプトを掲載しています。他言語の継承と比較しますと記述方法に違和感を覚えるかもしれませんが、コメントを参照いただければ理解できると思います。
Javascript でオブジェクト指向 クラス・メソッドの作成 ( prototype )
本ページは、多言語でオブジェクト指向を使用したことはあるが、JavaScript は初めてといった人向けの入門的なページです。Javascript でクラスを作成し、そのクラスを使うサンプルコードを掲載しています。
正確には Javascript ではクラスではなく、すべてが関数らしいですが、このページではクラス・メソッドと表現しています
[ Javascript でオブジェクト指向 ] オーバーライドとオーバーロード
残念ながら Javascript では、オーバーロードはサポートされていません。 インターネット上で検索するといくつかの擬似的な実装方法は存在しますが、ここではもっとも単純と思われるオーバーロード風のサンプルを紹介します。オーバーライドに関しては、サポートされていると言うべきかはわかりませんが、オーバーライドに似た実装ができますので、そのサンプルを掲載しています。
[ HTML ] onclick イベントが呼び出されない事例から学んだこと
HTML の onclick イベントで Javascript の関数を呼び出そうとしたのですが、呼び出されないことがありました。そのときの Javascript と HTML は以下のようなものでした。
[ Javascript ] onload で実行されるイベントハンドラを追加登録する ( window.addEventListener )
ここでは、onload イベントで呼び出されるイベントハンドラを追加登録を行うサンプルスクリプトを掲載しています。