focus/blurもしくはfocusin/focusoutを使って、テキストボックスにフォーカスを当てた時/外した時に処理を実施する方法を説明。またそれらの挙動の違いを解説する。 ← 前回 連載 INDEX 次回 → 別稿「TIPS:イベントに応じて処理を実行するには?」の表でも触れたように、jQueryではさまざまな<イベント名>メソッドが標準で用意されています。そのうち、ほとんどが直感的に理解できるものばかりですが、focus/blurとfocusin/focusoutの違いは一見して分かりにくいものです。 本稿では、具体的なサンプルの中で、両者の違いを詳らかにします。 focus/blurとfocusin/focusoutイベントの基本 まずは、これらイベントを利用した具体的なサンプルを見てみます。以下は、テキストボックスにフォーカスを当てた時、フォーカスを外した時、それぞれのタイ
![要素にフォーカスが当たった/外れた時の処理を実装するには?(focus、blur、focusin、focusout)](https://cdn-ak-scissors.b.st-hatena.com/image/square/aab665014e672aadaf47ea7070c4e3d9542f890c/height=288;version=1;width=512/https%3A%2F%2Fre.buildinsider.net%2Fweb%2Fjqueryref%2F028%2F02.gif)