jQuery

[jQuery] フォーカスイン、フォーカスアウトイベントを設定する(.focus、.blur)

投稿日:2017年9月30日 更新日:

フォーカスイン/フォーカスアウトイベントを設定するには、focusblurを使用します。

サンプルソース

例)テキストボックスにフォーカスを当てると背景色を変える

実行サンプル

↓フォーカスが当たると背景色が黄色くなります。

解説

  • focusは、タブ移動やマウスクリックでフォーカスが当たった直後に実行されます。
  • blurは、タブ移動やマウスクリックでフォーカスが外れた時に実行されます。

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] マウスカーソル移動時イベントを取得する(.mousemove)

jQueryでマウスカーソル移動時イベントを取得するには、.mousemoveを使用します。 サンプルソース 例)マウス ...

[jQuery] 画像読込み失敗時に代替画像を表示する

画像読込み失敗時に代替画像を表示するサンプルです。 サンプルソース 例)画像aa.png読込みエラー時には、bb.png ...

[jQuery] 指定したセレクタの要素を除外する(.not)

指定したセレクタの要素を除外するには、.notを使用します。 サンプルソース 例)ボタンを押すと、リストでclass=" ...

[jQuery] 指定した要素の次以降にある兄弟要素を全て取得する(.nextAll)

指定した要素の次以降にある兄弟要素を全て取得するには、.nextAll()を使用します。 サンプルソース 例)ボタンを押 ...

[jQuery] イベントを削除する(.off)

イベントを削除するには、offを使います。 サンプルソース 例)ボタン2をクリックすると、ボタン1のクリックイベントを削 ...

スポンサーリンク