サンプルコード:JavaScript

ロールオーバー時のイベントハンドラで表示する画像を切り替える

マウスなどのポインティングデバイスでロールオーバーした時に、表示する画像を切り替えるコードです。イベントハンドラのonmouseover属性とonmouseout属性をimg要素に指定します。

ページ表示の時、フォームの特定フィールドにフォーカスする

問い合わせやオーダーフォームのページを表示した時に、特定のフィールドにフォーカスしている状態にするコードです。最初に入力する部分が分かりますので、ユーザーに親切な処理です。

jQueryの関数でタグ要素の属性値を削除する

HTMLのタグには、プラグインか何かで自動的に属性値が付加されてくることがあります。
それを削除したい場合は、jQueryの関数removeAttr()を使って削除することができます。

aタグにonclick属性を付けた時のイベント内処理のキャンセル

aタグにonclick属性をつけて、クリックした時にJavaScriptの関数を実行するようにした場合、関数実行後にhref属性の値を参照しようとします。
これをキャンセルするには以下のようにfalseを戻り値となるように記述します。

ページの先頭へ