jQuery

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

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

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

サンプルソース

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

実行サンプル

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] jQueryのバージョンを取得する($.fn.jquery)

jQueryのバージョンを取得するには、$.fn.jqueryを使用します。 構文 (jQueryのバージョンを取得する ...

[jQuery] テーブルの行を追加・削除するサンプル

jQueryでテーブル行を動的に追加・削除するサンプルです。 サンプルソース 例)ボタンを押すと行追加、行クリックで行削 ...

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

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

[jQuery] 処理を行わないことを明示する($.noop)

処理を行わないことを明示したい場合は、$.noop() を指定します。 サンプルソース 例)ボタンを2回目に押したときは ...

[jQuery] 要素を条件指定して取得する(.filter)

要素を条件指定して取得するには、filterメソッドを使用します。 サンプルソース 例)divタグでclass="b"の ...

スポンサーリンク