jQuery

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

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

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

サンプルソース

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

実行サンプル

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] バインドされたイベントを削除する(.unbind)

指定した要素にバインドされたイベントを削除するには、.unbindを使用します。 サンプルソース 例)ボタンを押すとバイ ...

[jQuery] 1970年1月1日からの経過ミリ秒を取得する($.now)

1970年1月1日からの経過ミリ秒を取得するには、$.now()を使用します。 サンプルソース 例)ボタンを押すと197 ...

[jQuery] マウスアウトイベントを設定する(.mouseout)

jQueryでマウスアウトイベントを記述するには、.mouseout()を使用します。 サンプルソース 例)マウスアウト ...

[jQuery] セレクタを複数指定する

セレクタを複数指定するには、カンマで区切って複数並べればOKです。 サンプルソース 例)#btn1、#btn2に同じクリ ...

[jQuery] プラグインを自作する

jQueryのプラグインを自作するサンプルです。 構文 プラグインは以下の構文で記述します。 (構文) (functio ...

スポンサーリンク